- [Woman] Cards are a nice way of highlighting certain text,…or areas on your webpage.…As an important item.…For example, you can include a series of blog posts…with a title, an image, a blurb, and a read more link.…Or you can just use cards in a simple example.…Like a list of blog posts on the side of the page.…This is the card documentation at the Foundation website.…And if you just scroll through the information here…really quickly, it'll give you some examples…of what cards can look like.…So, here's one example with a header,…an image, a headline, and some sort of additional…read more information.…
As you scroll on down here,…they have some other examples…for different ways of formatting cards and tiling cards.…There's a whole bunch of these maybe on a webpage.…So, I would like to show you how to use cards…here inside of our website.…What I'm going to do is style this latest from the blog…piece of content over here at the side using cards.…So I'm going to jump in to sublime text.…And I'm going to scroll down here to line 49…
- Working with the XY Grid system
- Adjusting margins and padding
- Block versus vertical grids
- Overriding CSS
- Including cards and callouts
- Customizing the navigation, including dropdown and drilldown menus
Skill Level Beginner
Workflow Tools for Web Developerswith Christina Truong1h 13m Intermediate
Responsive CSS Workflow with Sass, Bourbon, and Susywith Carrie Dils2h 59m Intermediate
1. Overview of Foundation 6
2. The XY Grid System
3. CSS Overview
4. Navigation Systems
Next steps1m 33s
- 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.