Chapter 3 – Using Zurb foundation

In this chapter, we focus on using a CSS framework to build a full-functional mobile web site.

  1. Trying Zurb Foundation on jsFiddle
  2. Setting up Foundation
  3. Foundation grid
  4. Centered column
  5. Push and pull column
  6. Block grid
  7. Flex video
  8. Foundation topbar
  9. Off canvas
  10. Interchangable content
  11. Assignment


Now try to make use of the Zurb Foundation framework and apply it to a web project. If you don’t have any active web projet, try to work on the government website.

What’s next? We’re going to take a look at “Trying Zurb Foundation on jsFiddle”.

overlaied image when clicked on thumbnail

Makzan | Mobile web design | Table of Content