Join James Williamson for an in-depth discussion in this video Defining flex elements, part of CSS Flexbox First Look.
Before you can start using flexbox, you first need to define elements on the page…as flex containers. Doing this allows you to target exactly…the elements on the page that you want to control with flexbox.…By defining an element as a flex container, all of that element's direct…descendants become flex items. So, to illustrate this we're going to be…working with the flex_container file which is found in the 01_03 folder.…Now, before we start this exercise, I want to do just a tad bit of housekeeping,…if you will. All of the exercise files are very similar.…
In their structure and the way that we're going to be working with them.…So I just want to go over that with this first one.…So if we take a look at the page structure.…We've got a little header section that talks a little about the course, and…flexbox itself. Below that we have an article that talks…about the actual concepts that you're going to be working with.…And then below that we have the elements that we're going to be controlling through flexbox.…
- 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?
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.