Explore 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.
- [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.
- Reviewing Flexbox support
- Defining elements
- Controlling element flow
- Wrapping content
- Defining display ratios
- Aligning single and multiple items
- Nesting flex containers