Your track

CSS Foundations

This track introduces absolute beginners to CSS in small, calm steps so they can understand styling, spacing, layout, and simple responsive thinking before moving deeper into JavaScript.

0% complete across this track

Track access

This track requires the Starter plan.

Cohort options

No active cohorts are open for this track yet.

This track enforces lesson order so students build confidence step by step.

14 min Locked - finish earlier lessons first

What CSS Is

Start the CSS Foundations track with a calm explanation of what CSS is, what job it has on a page, and how it differs from HTML structure.

Not started yet

14 min Locked - finish earlier lessons first

Connecting CSS to HTML

Learn how a CSS file connects to an HTML page so styling feels attached, intentional, and easier to manage.

Not started yet

15 min Locked - finish earlier lessons first

Selectors and Simple Rules

Learn how CSS selects page parts and applies simple rules without making the styling process feel mysterious.

Not started yet

15 min Locked - finish earlier lessons first

Colors, Fonts, and Text Styling

Use beginner-friendly CSS to change colors, font choices, and readable text presentation.

Not started yet

14 min Locked - finish earlier lessons first

Backgrounds and Borders

Learn how backgrounds and borders help separate page areas and make layouts easier to understand visually.

Not started yet

15 min Locked - finish earlier lessons first

Margin, Padding, and Spacing

Learn the difference between margin and padding so spacing stops feeling random and starts feeling controllable.

Not started yet

15 min Locked - finish earlier lessons first

Classes and Reusable Styles

Use CSS classes to repeat styling on purpose instead of rewriting the same visual rule over and over.

Not started yet

15 min Locked - finish earlier lessons first

Width, Height, and Display Basics

Learn how size and display settings affect the way boxes and sections behave on a page.

Not started yet

16 min Locked - finish earlier lessons first

Layout Basics with Flexbox

Use Flexbox in a calm, beginner-safe way to arrange rows, columns, and spacing without jumping into complex layout theory.

Not started yet

15 min Locked - finish earlier lessons first

Responsive Basics and Mobile Thinking

Understand how pages should adapt to smaller screens so responsive design feels practical instead of abstract.

Not started yet

17 min Locked - finish earlier lessons first

Style Your First Full Web Page

Finish the track by styling one simple web page with the text, spacing, classes, and layout ideas you already know.

Not started yet