Flexbox layouts for beginners – Web design tutorial (using the Old UI)

Flexbox (also know as flex or flexible box layout) is a very powerful layout tool that gives you precise alignment and stacking control for all the contents inside an element. It solves many layout problems that designers have been struggling with for a very long time. Here we’ll be covering some of the important concepts you’ll need to understand to master flexbox:

Enabling flex on an element
Flex layout settings
Flex item settings

We created a flexbox game to help you learn flexbox even faster.

https://www.flexboxgame.com/

Also check out our tutorials for centering elements with flexbox and building equal-height layouts with flexbox.

https://help.webflow.com/article/centering-with-flexbox
https://help.webflow.com/article/equal-heights-with-flexbox

———-

Get started with Webflow:
https://help.webflow.com/courses/getting-started

http://webflow.com

http://facebook.com/webflow