Join Jen Kramer for an in-depth discussion in this video Centering columns, part of Learning Foundation 4.
Taking a look at those offsets from the previous video, offsets which are used to …separate two columns or push content over so it lines up with another column …somewhere else might have prompted you to think, well, wouldn't it be nice if we …could center something on our page? And would Foundation support that? …Well, yes, in fact Foundation does support centering things on your page, …both in the small and the large grid system. …So I'm going to go ahead and show you how to do that now centring. …What I'm going to do is I'm going to add another row and I'm going to put that row …here, right after the body tag, so around line 15.…
Div class of row. And then as always don't forget to close …your div. If you want to use HTML comments to help …you keep track of where all these divs are, that's a great way of doing it. …Just drop in an HTML comment to let you know what each slash div is all about. …Sublime text does a great job of helping you line up all of your tags as well. …I'm going to go ahead and add a header, something we don't have on this webpage yet. …
- 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?
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.