Join Jen Kramer for an in-depth discussion in this video Exploring typography, block quotes, and lists, part of Learning Foundation 5.
…Foundation comes with, most HTML tags styled in a very basic sort of way.…As always you can override the styling with your own…custom CSS styles, or you can change the styles via Sass.…This particular file is called typography.html.…It's inside of your exercise files folder for…this particular chapter, and if you want to go ahead…and copy that into your foundation folder and open…it on up, you can follow along with me.…I am just looking at it in the browser right now and here I…have only added one custom class, which I'll tell you about in just a second.…
But what I've got right now is, more or…less the styling as foundation comes out of the box.…You can see over here that we have some bulleting…lists, we have some headings for these particular bulleting lists.…We have some text, here's a link that happens to be styled for us.…Of course, you were familiar with the black grid already,…which is where this styling for the pictures comes from.…Then we have a series of testimonials on down here.…And so this is just sort of out of the box basic sort of styling.…
- Downloading and installing Foundation 5
- Introducing grids
- Centering columns
- Nesting grids
- Styling text, lists, buttons, panels, and more
- Adding navigation bars and dropdown menus
- Creating a responsive lightbox
- Adding an image carousel
- Integrating responsive images
- Adding tooltips
Skill Level Beginner
CSS: Transitions and Transformswith Joseph Lowery2h 25m Intermediate
1. Overview of Foundation 5
2. The Grid System in Foundation
3. CSS Overview
4. Navigation Systems
Next steps1m 24s
- 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.