Solving the navigation problem

Let's talk about this navigation now. Solving navigation isn't as easy as solving what we just tackled using media queries. At certain widths, our shark just gets in the way of the nav, and at some point, we are going to have to do something with the dropdown as well. Also, if we were to add a few more nav items, then we'd have this problem at even wider widths.

We hit our first real challenge of what to do with the navigation. There are certain responsive design patterns that have emerged. Let's talk about a site that's curated by Brad Frost – bradfrost.github.io/this-is-responsive:

It's basically a collection ...

Get Mastering CSS 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.