TechWebsterExplore products ↗

grid.techwebster.com / by TechWebster

Learn CSS Grid.
Build a city.

Write real CSS to match the blueprint. Build your way through eight interactive grid layout puzzles, from three shops to a whole town square.

Columns. Rows. Gaps. Spans. Grid areas.

Play game

Free · No sign-up · Progress saved in your browser

MAIN STREET / GRID PREVIEW
Bakery
Café
Diner
display: grid;
grid-template-columns: 1fr 1fr 1fr;

Change the columns. See the shops resize.