Join Jen Kramer for an in-depth discussion in this video Introducing the large grid, part of Up and Running with Foundation 4.
So, in our previous video, we took a look at the small grid. …This is the grid where the cells are going to remain proportionately the same …size as the screen re-sizes from a large screen down to a small screen. …The next grid I want to show you it how works is the large grid, and the large …grid is going to adapt as the screen moves from a large format to a smaller format. …And what it will do is it will stack the cells on top of each other. …This is more like the behavior that you would see inside the Bootstrap grid …framework for example. I am working with grid.html.…
This is available to you in your exerciser files folder if you don't …already have it. If you've followed along with me with the …last video, I'm starting from the ending point of that video. …And I've added one custom style so far, which is in app.css. …You can copy that out of the exercise files folder if you need to. …I'm going to keep this page exactly the same. …I am just going to make a couple of quick modifications. …
- 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.