CSS Studio

Interactive Learning

Pro Tip

Use the Inspector tool to debug your layouts visually.

CSS Grid

Grid Template

Columns3

Rows2

Gap10px

Column Sizing Strategy

Tip: fr units distribute available space. 1fr 1fr splits space equally.

Live CSS Editor

Editable

Loading...

Cell 1

Cell 2

Cell 3

Cell 4

Cell 5

Cell 6