CodeLevels
  • Projects
    • All projects
    • Becoming a web developer!
    • Building mini-apps
    • Full-Stack DIY services
    • Web Security
    • Desktop apps
    • Growing into AI apps
    • ML and data science
    • Production-grade apps
    • Developer Tools
    • Dive Deeper into JavaScript
    • Mobile apps
  • Desktop App
  • Account

Full CSS walkthrough: awesome exercise series

Topic # 4 of 17 in "Building mini-apps" progression
HTML/CSS
Full CSS walkthrough: awesome exercise series thumbnail

Updated: Feb 12, 2026

Project Stages

  1. CSS Basics
  2. Background in CSS
  3. Position in CSS

Lessons

  1. #1.Move me to the right! #1
  2. #2.Move me, part 2 #2
  3. #3.Move me! Part 3 #3
  4. #4.Move me! Part 4. Position #4
  5. #5.Flexbox, part 1: making rows, not columns #5
  6. #6.Flexbox, part 2: between, baby, between #6
  7. #7.Flexbox, part 3: centering items #7
  8. #8.Flexbox, part 4: I'd love to be vertical #8
  9. #9.Flexbox, part 5: independent blocks! #9
  10. #10.Flexbox, part 6: stop braking containers! #10
Full CSS walkthrough: awesome exercise series