Privacy PolicyTerms of ServiceChild Safety
Skip to content
Coding Kiddos LogoCoding Kiddos

Stay in the loop

Get coding tips, course updates, and special offers delivered weekly

Coding Kiddos LogoCoding Kiddos

Empowering young minds with coding skills through fun, interactive lessons designed for kids ages 7-18.

Get Our App
Get it on Google Play
Download on the App StoreSoon
iOS coming soon

Learn

  • Curriculum
  • All Courses
  • Programs
  • Playground
  • Placement Exam

Resources

  • Blog
  • Student Showcase
  • Schedule
  • FAQ

Company

  • About Us
  • Our Story
  • Contact

Legal

  • Privacy Policy
  • Terms of Service
  • Class Policies
  • Refund Policy
  • Cookie Policy
  • Child Safety
© 2026 Coding Kiddos. All rights reserved.All systems operational
Privacy Policy•Terms of Service•Class Policies
Back to Courses
intermediate
Ages 11-14

CSS Intermediate: Layout Master

Master modern CSS layouts with Flexbox and Grid. Build responsive websites that look great on any device!

14

hours

12

lessons

1400

XP

Free Course

Start Learning Today!

Sign up free to start this course

Sign Up Free
Already have an account?

What's Included

What You'll Learn

Skills and knowledge you'll gain from this course

Hands-On Coding

Write real code and see it work instantly in your browser!

Creative Projects

Build fun projects that you can share with friends and family!

Your Learning Journey

Follow these steps to become a coding superstar!

1

Start Here!

Begin

Learn the basics and get comfortable with coding concepts

2

Practice & Build

Learn

Course Content

12 lessons to master CSS

1400 Total XP
1

Review: CSS Foundations

50
Full lifetime access
Interactive code editor
Quizzes & challenges
Earn XP & achievements

Perfect for beginners

No prior experience needed

This course is designed specifically for kids to learn coding in a fun and interactive way!

Earn Rewards

Collect XP points and badges as you complete lessons!

Apply what you learn by completing fun coding exercises

3

Complete Challenges

Challenge

Test your skills with quizzes and mini-projects

Earn Your Certificate!

Complete

Finish all lessons to get your course completion certificate!

Quick refresh on selectors, properties, and the box model

Interactive
Hands-on codingCode
Quiz
2

Flexbox Basics

100

Arrange items in rows and columns with display: flex

Interactive
Hands-on codingCode
Quiz
3

Flexbox Alignment

110

Center, space, and align items perfectly with justify and align

Interactive
Hands-on codingCode
Quiz
4

Flexbox Wrapping

100

Make flex containers wrap and create responsive layouts

Interactive
Hands-on codingCode
Quiz
5

CSS Grid Basics

120

Create powerful two-dimensional layouts with CSS Grid

Interactive
Hands-on codingCode
Quiz
6

Grid Template Areas

110

Name grid areas for easy-to-understand layouts

Interactive
Hands-on codingCode
Quiz
7

Responsive Design Intro

120

Make your websites work on phones, tablets, and desktops

Interactive
Hands-on codingCode
Quiz
8

Media Queries

130

Write CSS that changes based on screen size

Interactive
Hands-on codingCode
Quiz
9

CSS Transitions

100

Add smooth animations when properties change

Interactive
Hands-on codingCode
Quiz
10

Hover Effects

90

Create interactive hover states that respond to users

Interactive
Hands-on codingCode
Quiz
11

CSS Variables

100

Use custom properties to make your CSS more maintainable

Interactive
Hands-on codingCode
Quiz
12

Project: Responsive Portfolio

160

Build a fully responsive portfolio page that works everywhere!

Interactive
Hands-on codingCode
Quiz