Join Jen Kramer for an in-depth discussion in this video The nested grid, part of Up and Running with Foundation 4.
I've put aside the grid.html document we've been working on so far. …And I've started a new document. It's called Nested Grids-Start.html, and …you'll find it in your Exercise Files folder. …You'll also find. Six images that are associated with this document. …You should copy those images over from the Exercise Files folder and put them in …the Image folder inside of your Foundation folder on your desktop. …Once you do that this page should work correctly. …So, if you take a look at the code that is used to set up this page you'll see …that I have a div with a class of row and inside of that I have four columns.…
They are all of equal size, one of which has a chunk of text and next to that are …three pictures. So, I'm going to go ahead and take a look …at that real quick in the browser, by saying open in browser and there it is. …The chunk of text and the images that are next to it. …As the page is big it looks likes this, as the page gets smaller these images are …just going to resize. I'm using small grid system so the layout …
- 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.