All courses CSS layout & positioning

Flexbox

We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

Flexbox

Use flexbox for precise alignment and stacking control when designing layouts.

1

Getting started

Coming soon

1

Intro to the box model

Intro to the box model

Coming soon

1

Display settings

Display settings

Coming soon

1

Spacing

Coming soon

1

Size

Coming soon

1

Position

Coming soon

1

Flexbox

Coming soon

1

Center elements with flexbox

Center elements with flexbox

Coming soon

1

Equal height layouts with flexbox

Equal height layouts with flexbox

Coming soon

1

Grid

Coming soon

1

Flexbox vs grid vs Quick Stack

Flexbox vs grid vs Quick Stack

Coming soon

1

Enable relative position

Enable relative position

Coming soon

1

Absolute Positioning

Absolute Positioning

Coming soon

1

Apply a z-index value

Apply a z-index value

Coming soon

1

Hide overflowing content

Hide overflowing content

Coming soon

1

Fixed positioning

Fixed positioning

Coming soon

Course progress

0%

Up next

Center elements with flexbox

With the layout superpowers of flexbox, you can align and justify your HTML elements perfectly within the center of its parent element.

Complete & continue

Complete course