课程: Advanced Responsive Layouts with CSS Flexbox

今天就学习课程吧!

今天就开通帐号,24,700 门业界名师课程任您挑!

Putting it all together

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…

内容