This entry is part 2 of 2 in the series Building a Responsive Layout With Skeleton Our Skeleton layout contains a number of responsive challenges, not least of which being the primary navigation. In these screencasts we’ll prepare things by tidying up the baseline grid, talking about image replacement, styling the menu and finally using some jQuery to help make things responsive. Baseline Grid and Logo Before we dive into the primary navigation itself, we need to tidy up a few aspects of our layout. To begin with we’ll need to make sure that all measurements we have so far work in harmony with our baseline grid. Secondly, we’re going to talk about an alternative approach to image replacement which highlights some important points about performance.
Continued here:
Building a Responsive Layout With Skeleton: Navigation

