← Back to Play
Lab Space

CSS Grid Lab

Master CSS Grid tracking, cell spaces, fractional columns, spanning, and cellular alignments in real time.

Progress1 of 5 (20%)
Objective

1. Enable CSS Grid

Initialize the container layout to use CSS Grid to prepare for grid-based track division.

Target DesignGoal Layout
A
B
C
Your Workspace (Live Sandbox)
A
B
C
Generated CSS
styles.css
.container {
display: block;}