All coursesCSS 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
3:04
Intro to the box model
Coming soon

1

Display settings
9:49
Display settings
Coming soon

1

Spacing
6:28
Spacing
Coming soon

1

Size
17:35
Size
Coming soon

1

Position
16:51
Position
Coming soon

1

Flexbox
8:08
Flexbox
Coming soon

1

Center elements with flexbox
1:20
Center elements with flexbox
Coming soon

1

Equal height layouts with flexbox
1:47
Equal height layouts with flexbox
Coming soon

1

Grid
14:15
Grid
Coming soon

1

Flexbox vs grid vs Quick Stack
5:32
Flexbox vs grid vs Quick Stack
Coming soon

1

Enable relative position
1:43
Enable relative position
Coming soon

1

Absolute Positioning
1:43
Absolute Positioning
Coming soon

1

Apply a z-index value
1:49
Apply a z-index value
Coming soon

1

Hide overflowing content
1:49
Hide overflowing content
Coming soon

1

Fixed positioning
1:27
Fixed positioning
Coming soon

Course progress

0%

Up next

Enable relative position

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