Join Jen Kramer for an in-depth discussion in this video Solution: Style a page, part of Learning Foundation 4.
So how'd you do with the challenge? Hopefully you came up with some …interesting ideas for laying out that particular webpage. …Here's what I did, I've got my schedule centered in the middle of the page here. …I've got a big blue box here across the top, that's that panel that we've seen in …action before. And I've got my register now button set …up with a big huge rounded pill like button here. …I've written a couple of custom styles, as well. …And then further down on the page here I've got some headings. …I've got these images here, I have been given the thumbnail treatment.…
I've got some headings in place here. Notice also this treatment that I've …given to the time and the location for each one of these particular events that …are happening in this conference. Instead of stacking them underneath each …other I made them appear side by side. Now that you know what my page looks like …let me show you what my markup looks like. …So over here in sublime text, you'll see here that I started this off with a row. …
- 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.