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

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”.