Summary

We are now halfway through mastering RWD with HTML5 and CSS3. What a milestone! A huge thanks for coming this far!

RWD is clearly more than media queries, Sass mixins, and CSS grids. It's also about understanding the different sizes of our target zones, the location of our controls (links, buttons, form fields, and so on), and the touch zones in different devices.

There will always be different approaches to creating a menu button, just make sure the functionalities never break on any screen size. Once we defined the style of our menu button, we defined which navigation pattern would work best for our content and our users.

There isn't really one single, best solution for menu button or navigation pattern; it all depends on each project's ...

Get Mastering Responsive Web Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.