CodeLevels
  • Projects
    • All projects
    • Becoming a web developer!
    • Building mini web apps
    • DIY services
    • Backend Development for serious guys!
    • Mobile and Desktop apps
    • Web Security
    • Developer Tools
    • ML and data science
    • Growing into AI
    • Web Games
    • Modern Web Interfaces
    • WordPress
    • QA: application testing
    • Gamedev
    • Real-time apps
  • Roadmaps
    • All roadmaps
    • JavaScript
    • React
    • Python
    • Django for web development
    • Backend & Deployment
    • Client-Server Architecture
    • Linux for server development
    • Kali Linux for security artisans
    • Advanced Cybersecurity
    • HTML & CSS
    • NextJS
    • Roblox Game Development
    • Backend Concepts
  • Job tracks
    • All job tracks
    • QA Engineer (+Web Security Specialist)
  • Courses
  • Games
  • Desktop App
  • Login

Full CSS walkthrough: awesome exercise series

Topic #1 of 18 in "Building mini web apps" progression
HTML/CSS
Full CSS walkthrough: awesome exercise series thumbnail

Updated: Feb 12, 2026

Learning plan

  1. Move me to the right!

  2. Move me, part 2

  3. Move me! Part 3

  4. Move me! Part 4. Position

  5. Flexbox, part 1: making rows, not columns

  6. Flexbox, part 2: between, baby, between

  7. Flexbox, part 3: centering items

  8. Flexbox, part 4: I'd love to be vertical

  9. Flexbox, part 5: independent blocks!

  10. Flexbox, part 6: stop braking containers!

  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

Search projects

Type a project name

    ↑↓ to move Enter to open Esc to close Ctrl-I to search