Update: My HTML page looks wrong on mobile devices.

Any tips to make it responsive?

4 comments

4 Comments

Oh man, the viewport meta tag is step one... without that, nothing else works right. Ditch those pixel widths for percentages or use flexbox so things can stretch. Then add media queries to change your layout at different screen sizes, like stacking your sidebars under your main text on a phone. Test it by just dragging your browser window smaller to see where it breaks.

the_olivia4mo ago

Totally agree, but don't forget to check how your images scale too! A huge hero banner can wreck a mobile layout.

anna4914mo ago

Responsive design gets treated like some big mystery. The viewport tag helps, but resizing the browser tells you more. Still a pain to get right on all screens.

sean_green444mo ago

Anna491 knows rigid pixels beat flexbox mess.