+100 XP
Lesson 58 • Module 6: CSS Grid • PROJECT

Photo Gallery Project

Build a responsive photo gallery with CSS Grid!

📸

Build a Photo Gallery!

Use everything you've learned to create an awesome photo gallery!

What We'll Build

  • ✓ Responsive grid layout
  • ✓ Different sized photos
  • ✓ Automatic spacing
  • ✓ Professional look!

Skills We'll Use

  • • display: grid
  • • grid-template-columns
  • • gap
  • • grid-column: span

💡 Photo galleries are perfect for Grid - they need flexible layouts!