Join Jen Kramer for an in-depth discussion in this video Source ordering, part of Learning Foundation 6.
- [Instructor] The next problem I want to talk about…is source ordering.…As you work with your grid,…you may want to change the order of the source…as the page gets smaller.…For example, what appears on the left column…at desktop dimensions, you might want to have appear…in what is the right column as the page gets smaller,…or maybe you want to have it appear underneath.…So here's an example of a page where we have an aside…over on the left at the top row,…and underneath, we have two asides…that are over on the side.…As we start to shrink this page down,…you'll see that these switch…going all the way down the page.…
Perhaps we want the article first following by its aside,…rather than the aside first followed by the article.…This is coming from a document called sourceorder.html.…It's inside of your exercise files folder…for this particular video.…Go ahead and copy that into your working folder,…and then open that up in sublime text,…and let's take a look at that really quick.…So if you take a look at the sourceorder.html document here,…
- 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
Building a Responsive Single-Page Design with Sasswith Ray Villalobos4h 55m 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.