Join James Williamson for an in-depth discussion in this video Flexbox overview, part of CSS Flexbox First Look.
Before we begin working with flexbox, I want to take a moment to give you a brief…overview of what flexbox can do for us and why it's so important.…Controlling the layout of webpages has always been a little tricky.…At first, there were almost no mechanisms for page layout, other than just some…basic formatting options. From there the evolution of CSS gave us…control over elements box model, the ability to float elements to the right or…to the left of each other and gave us basic positioning models like absolute…positioning or fixed positioning. We've been using these tools for so long…that most of us have gotten pretty good at building complex layouts from just these…capabilities, but If you think about it, these are not very sophisticated layout tools.…
In reality, even the simplest layout tasks are very difficult to control.…Take aligning an element vertically inside its parent.…Using existing CSS capabilities, you have to hack through several different…techniques before getting what you want. Frankly, layouts shouldn't be this hard.…
- Reviewing Flexbox support
- Defining elements
- Controlling element flow
- Wrapping content
- Defining display ratios
- Aligning single and multiple items
- Nesting flex containers
Skill Level Beginner
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.