- Reviewing Flexbox support
- Defining elements
- Controlling element flow
- Wrapping content
- Defining display ratios
- Aligning single and multiple items
- Nesting flex containers
Skill Level Beginner
- [Voiceover] Hi I'm James Williamson senior author here at lynda.com and I wanna welcome you to Flexbox first look. Flexbox gives us exciting new capabilities for controlling element layout in CSS that traditional methods lack. We'll begin exploring Flexbox by first looking at current browser support and when it's appropriate to use. Next up we'll explore how to define flex items and look at the relationship between flex containers and their content. We'll then go through the various properties that you can control through Flexbox such as positioning items, defining size ratios, and controlling the display order of elements.
Along the way our exercises will be supplemented with challenges that allow you to put what you've learned to a real world test. I'm extremely excited about the future of CSS layout and the role that Flexbox will play in it. So grab your favorite code editor and lets take a first look at Flexbox.
1. Flexbox Basics
2. Element Flexibility
Defining display ratios3m 14s
3. Controlling Alignment
4. Element Display Order
Additional resources3m 59s
- 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.