× {{alert.msg}} Never ask again
Get notified about new tutorials RECEIVE NEW TUTORIALS

Think about the layout before starting work

Zach Saucier
Sep 18, 2014
<p>The biggest problem the mentee faced was thinking of how to size down some content. One way to avoid this is to design for mobile first, as I have written in this post <a href="https://www.codementor.io/css-tutorial/responsive-design-guidelines-always-design-mobile-first">https://www.codementor.io/css-tutorial/responsive-design-guidelines-always-design-mobile-first</a>.</p><p>However, in this case we solved the formatting issues by creating useful HTML upon starting out based on how we wanted it to look (this is <em>vitally important</em>), using max-widths, some media queries, and some floats at particular breakpoints to get it looking the way he needed it to look. By avoiding set widths as much as possible and applying breakpoints when needed, responsiveness came fairly easily.</p>

Get New Tutorials Delivered to Your Inbox

New tutorials will be sent to your Inbox once a week.

comments powered by Disqus