Start learning with our library of video tutorials taught by experts. Get started
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.
(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.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.