Grid Challenges

Master CSS Grid with these challenges!

Challenge 1: Photo Gallery

Create a 3-column photo gallery:

Challenge 2: Dashboard Layout

Create a dashboard with header spanning full width:

Challenge 3: Featured Item

Make the first item larger:

Challenge 4: Sidebar Layout

Create a sidebar layout with fixed sidebar:

Challenge 5: Named Areas

Use grid-area to place items:

Challenge 6: Responsive Grid

Create a responsive auto-fit grid: