🧱
🖌️ Web Design 🚀 Intermediate

🧱 Layout Lab

Arrange, resize, and wow on every screen

👶 10–13 yrs 🗓️ ~10-week path 🚀 Self-paced · start anytime
▶ Start learning

What you’ll do 🌈

For ages 10–13 who know basic tags and colors. Campers learn to arrange pages on purpose — flexbox, stacking for small screens, and a splash of CSS art.

FlexboxResponsive layoutCSS artMulti-page sites

Adventure log 🧭

0%

0 of 18 activities & labs done

🎮 12 activities · 🧪 6 labs
📱

🎬 Showcase project

Responsive Fan Site

A fan site that looks designed on a phone and a laptop — not stretched, not squashed.

Build a multi-section fan site (band, game, sport, or book) with a flexbox layout, a CSS-art accent, and a mobile-friendly stacking plan.

Must include

  • ✅A header plus at least two content rows laid out with flexbox ideas
  • ✅A card or feature that uses a reusable class
  • ✅A written mobile plan: what stacks, what stays in a row
  • ✅One CSS-art flourish (shape, gradient, or creature)

Stretch goals

  • 🌟Add a third page-like section (Tour, Recipes, or Stats)
  • 🌟Make the header a wrapping nav row
  • 🌟Document two breakpoints in comments
FlexboxResponsive layoutCSS artMulti-page thinking

🎤 Show it off: Demo it twice: once “phone skinny” and once “laptop wide,” and narrate what changed.

Ready to start?

Take the skill check and enroll in this course.

Enroll now →