Flexbox layouts in 2020 (using HBO Max, pricing tables, tags, & card layouts) — Web design tutorial

Posted on
September 4, 2020

Flexbox is the industry standard display property used by Apple, Google, Medium, Awwwards, and other design leaders to build powerful, responsive web design layouts. From alignment and justification to wrapping tag elements inside a card layout, we’ll cover the ins and outs of using flexbox to build world-class designs for the web. 00:00 - Main Title/The Ice Planet Hoth 00:42 - Align and justify elements using flexbox 02:25 - Override flex parents using flex children 03:30 - Align pricing card buttons with auto margin 04:40 - Keep footers on the bottom of pages with auto margin 05:38 - Use flexbox to fix HBOMax.com 07:20 - Wrap flex children inside a parent element 08:31 - The Rebel Fleet/End Title We created a flexbox game to help you learn flexbox even faster. https://www.flexboxgame.com/ Learn more at Webflow University: https://university.webflow.com/lesson/intro-to-flexbox ---------- Get started with Webflow: https://wfl.io/2r7cVUW https://webflow.com https://twitter.com/webflow https://facebook.com/webflow

View resource


Similar resources