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.

Series info

  • Videos
    7
  • Length
    2hr 22min
  • Difficulty
    Beginner

Description

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.

Videos

Intro
Intro to the designer
2:48
Webflow Grid 2.0
6:04
Intro to HTML & CSS
3:38
The FR Unit
2:35
Web Structure
Grid vs Flexbox
4:00
The Box Model
1:54
Grid examples
Spanning sparkling water flavors in a ROYGBIV grid
6:29
Element Hierarchy
3:57
Navigator
2:45
Element Basics
Element Panel
1:49

More series