From the course: Advanced Responsive Layouts with CSS Flexbox

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Putting it all together

Putting it all together - CSS Tutorial

From the course: Advanced Responsive Layouts with CSS Flexbox

Start my 1-month free trial

Putting it all together

- In this course, we've created three demo pages that showcase different types of advanced Flexbox layouts. We started with a menu page and created several different Flexbox-based menus; then we created a nice-looking and really easy-to-manage, card-based layout using Flexbox; and finally, we created that coveted holy-grail layout using Flexbox, and added some extra interactivity through these buttons at the top that allow the user to change the behavior and appearance of the content on the page. Now it's time to take everything we've learned in this course and put it all together into one cohesive page, and this is one of the great things about Flexbox. Because of how Flexbox works, we can create a Flexbox for the layout, then another one for just the menus, then another one for individual menu components and so on and so on. We don't have to worry about Flexbox being inherited down through the chain, so we can actually use Flexbox for pretty much everything on the page if we want to…

Contents