…So the next thing I'd like to talk about are some…of Foundation's utility classes, and there are so many of these.…It's just helpful to start by looking…at the documentation here on the Foundation website.…So as you'll see here, there are…some Float Classes that come with the Foundation.…I covered these in the previous video, but by adding a class of left or…right, you can float your elements left or right on the pages you would expect.…And there's a Clear Effects class as well…to clear any float issues that might be introduced.…Foundation also has the ability to set elements on…your page with rounded corners or extremely rounded corners.…
So rounded corners have a class of round and…those produce just sort of your standard rounded corners.…Whereas a class of radius produces a super-rounded kind of…effect, that gives you something that looks more like a pill.…Then there's like 5,000 Text Align classes, and these…come in all shapes and sizes, and I'm going to…go through these in just a second, but you…can align your text left, right, center, or justified.…
- 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
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?
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.