Join Jen Kramer for an in-depth discussion in this video Introducing the small grid, part of Up and Running with Foundation 4.
So let's go ahead and get started working with the grid system inside a Foundation …which is quite an extensive grid that does a ton of different things. …I wanted point out to you that this again is the Foundation website at …foundation.zurb.com there's plenty of documentation here. …If you go up to the link at the top right here called docs. …You'll have all the information here about how to get started using foundation. …Notice also here that there is an entire section in the documentation on the grid. …So you're welcome to come here and read through the documentation about the grid …and if you like get a little bit more background on it.…
Learn a little bit more about it. It also will have the background …information about working with the mix ins and Sass and so fourth I will not be …covering that in my videos but the information is here if you'd like to see it. …I will be talking about the grid and the block grid in the course of this …particular chapter. Let's start by getting our files in place …
- What is Foundation?
- Exploring the grid system
- Working with lists
- Styling buttons, thumbnail images, and more
- Including flexible video
- Adding breadcrumbs to the navigation
- Working with Clearing, the responsive lightbox
- Creating accordion panels and tabs for in-page navigation
Skill Level Beginner
1. Foundation Introduction and Download
2. The Grid System in Foundation
3. CSS Overview
4. Navigation Systems
Next steps2m 12s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.