Join Morten Rand-Hendriksen for an in-depth discussion in this video Creating flexible boxes with display: Flex, part of Making Sense of the CSS Box Model.
- View Offline
- Before we wrap up this exploration of the CSS box model…and how to use it, we should take a few moments to look at…the future and see what new CSS technologies can do for us.…CSS is undergoing a significant evolution…and a lot of new models, properties, and behaviors…are being added to make what was once complex,…into something simple and intuitive.…Since this course is focusing on the box model specifically,…we'll only look at two of these innovations here:…flexible boxes and CSS shapes.…
As I mentioned earlier, the new CSS flexible boxes model…or flexbox for short, is a revolutionary new way to layout…and manage content using CSS.…Flexbox is the tool that designers and developers alike…have been waiting for and it's finally gaining…proper support across all browsers,…meaning we can start using it today.…I'm not going to go into great detail about flexbox here,…we have other courses dedicated…to this new and exciting technology,…but I'll show you a couple of quick demos…to get you thinking in the flexbox way.…
He covers techniques such as styling text and images, floating content, using display properties, and positioning elements. He'll also show you how to take your website beyond boxes with advanced CSS tools and techniques. Each lesson is supported by real-world demonstrations of the concepts in action, and Morten closes with a "nightcap" that will get you thinking about going further with CSS.