Back to Browse

Flexbox layouts in Webflow — Web design tutorial

70.0K views
Mar 4, 2024
8:08

Flexbox is a versatile layout property essential for creating responsive web designs and is used by Apple, Google, Medium, Awwwards, and other design leaders. Learn how to align, justify and wrap elements effortlessly, providing you with the tools to craft dynamic and visually appealing layouts on the web. 00:00 — Introduction to flexbox 00:51 — Set flexbox on the parent element 01:48 — Flex alignment controls 02:44 — Flex children controls 04:03 — Flexbox & auto margin 06:04 — Flex wrapping for layouts like category tags wrapper We created Layout Land to help apply flexbox and other layout tools → https://layout-land-production.webflow.io/ Learn more at Webflow University → https://university.webflow.com/lesson/intro-to-flexbox?topics=layout-design ---------- Get started with Webflow: https://wfl.io/2r7cVUW Join the Webflow Community: https://webflow.com/community https://webflow.com https://twitter.com/webflow https://www.instagram.com/webflow https://facebook.com/webflow

Download

1 formats

Video Formats

360pmp412.1 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Flexbox layouts in Webflow — Web design tutorial | NatokHD