All courses CSS layout & positioning

Flexbox vs grid vs Quick Stack

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

Flexbox vs grid vs Quick Stack

Learn the similarities and differences between CSS display properties like flexbox and grid, and the Webflow Quick Stack element.

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

Enable relative position

Use relative position to move elements relative to their normal position.

Complete & continue

Complete course