Chapter 4 – Response with media query

In this chapter, we focus on building our own grid system by using the viewport and media query techniques.

1. Recap – Minimal mobile friendly website
2. Using viewport to define initial browser rendering
3. Using media query to define styles with condition
4. Navigation strategy for small screen
5. Putting navigation at bottom
6. Building our own grid system
7. Introducing Ungrid – Another minimal grid approach
8. Media queries in Zurb Foundation

What’s next? We’re going to take a look at “Recap minimal mobile friendly website”.