Grid 2.0 layouts in Webflow

This course introduces you to the basic concepts of grid, including how it compares to and works alongside other layout options like flexbox.

Grid 2.0 layouts in Webflow

This course introduces you to the basic concepts of grid, including how it compares to and works alongside other layout options like flexbox.

6
 Video Lessons
Intermediate
27min

About this course

From the beginning of time, CSS layouts have been plagued by complexity. No more. While flexbox is optimized for organizing content along one dimension, grid enables you to quickly build layouts in two dimensions. In this course, we'll cover the basic concepts behind grid as well as some of the new terms unique to the topic.

Requirements

  • Free (or paid) Webflow account — sign up
  • Chrome or Safari browser
  • Technical schematics for the USS Enterprise (NCC-1701-D)

Course outline

Core concepts

Coming soon!

New

Grid 2.0 introduction

Coming soon!

New

4:18

6:04

The FR unit

Coming soon!

New

2:35

Flexbox vs. Grid

Coming soon!

New

4:00

Grid examples

Coming soon!

New

Spanning sparkling water flavors in a ROYGBIV grid

Coming soon!

New

6:29

6:29

Turn a collection list into a responsive grid

Coming soon!

New

5:25

5:25

Overlap content in a responsive grid

Coming soon!

New

4:18

4:18

6
 Video Lessons
Intermediate
27min

Requirements

  • Free (or paid) Webflow account — sign up
  • Chrome or Safari browser
  • Technical schematics for the USS Enterprise (NCC-1701-D)

Get started

Lottie inspirations