Join Jen Kramer for an in-depth discussion in this video Offsets in the grid, part of Learning Foundation 4.
One of the things you might have noticed about this particular page so far is that …as we are working with it and making the page smaller and so forth. …Sometimes the text gets a little bit close together up here on the top. …And you might want a little bit more space in between these columns. …So as I make my page smaller here. You see that sometimes we have more …space, sometimes we have less space depending on the exact layout of the page. …And what we may want to do is add a little bit more space between these …columns more consistently so that the text doesn't stack on top of each other.…
You could certainly do that by going into your CSS and modifying the layout of some …of these small or large grid items. But really that's a huge amount of work. …The easier way of doing this is working with something called offsets. …What offsets will do is it'll take some of the space from the grid and assign it …to the left side of each of these particular columns. …So if i want to get space between the two columns here at the top of my screen, I'm …
- 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.