University
Home
Dashboard
Search
⌘E
Learn
Courses
Docs
↗
Videos
Interactive learning
Glossary
Certifications
Engage
Support
↗
Community
↗
Events
↗
Forum
↗
Build
New site
↗
Dashboard
↗
Try Webflow — it's free
University
Home
Search
⌘E
Dashboard
Try Webflow — it's free
Learn
Courses
Docs
Videos
Interactive Learning
Glossary
Certifications
Engage
Support
Community
Events
Forum
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
Trusted by teams at
All courses
CSS layout & positioning
Equal height layouts with flexbox
We’re transitioning to a new UI
, and are in the process of updating our Webflow University courses and videos.
Equal height layouts with flexbox
Use flexbox to set equal heights for columns — even when each column has different content inside.
Equal height layouts with flexbox
Use flexbox to set equal heights for columns — even when each column has different content inside.
1
Getting started
Coming soon
1
Intro to the box model
3:04
Intro to the box model
Coming soon
1
Display settings
10:48
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
Grid
Use grid to position content within a responsive layout.
Complete & continue
→
Complete course
✓