CSS grid in Webflow

Begginer
amongus icon
2hr 22min

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

Summary

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.

Course outline

Getting started
play-circle
Getting started
Fractional unit (FR) overview
play-circle
Fractional unit (FR) overview
2:35
Flex vs. Grid
play-circle
Flex vs. Grid
4:00
Grid examples
play-circle
Grid examples
Span grid content
play-circle
Span grid content
6:29

More series