CSS: Flexbox First Look
Video: WelcomeExplore Flexbox, the Flexible Box Layout model, how it compares to other CSS layout techniques, and why it's an important part of the evolution of CSS layout.
- Additional resources
Take a look into the CSS horizon and explore Flexbox, aka the Flexible Box Layout model, an important part of the evolution of CSS3 layouts. Senior author James Williamson walks through the exciting new capabilities Flexbox offers for controlling layouts—with a fraction of the code previously required. Learn what browsers currently support Flexbox and how to define containers and use properties to control position, size, and display order. Throughout the course, you'll have occasions to test your understanding with engaging, hands-on Challenge exercises.
- Reviewing Flexbox support
- Defining elements
- Controlling element flow
- Wrapping content
- Defining display ratios
- Aligning single and multiple items
- Nesting flex containers
(MUSIC). Hi, I'm James Williamson, senior author here at Lynda.com, and I want to 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 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 let's take a first look at flexbox.
There are currently no FAQs about CSS: Flexbox First Look.