Part 3—Responsive with Media Query

In this part, 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


Part 3—Responsive with Media Query Copyright © by makzan. All Rights Reserved.

Share This Book

Notice: 2nd edition update is work-in-progress. See update logs for details.