search

CSS 101

A practical CSS series drawn from real experience styling documentation sites, tool dashboards, and web UIs across my projects.

CSS always humbled me more than most languages. The mechanics look simple — property, value, done — but the cascade, specificity, and layout systems trip up even experienced developers. This series covers what I actually know and reach for, from selectors through to modern layout and responsive design.

hashtag
Articles

Part
Topic

Part 1

Selectors, Specificity, and the Cascade

Part 2

Box Model, Display, and Positioning

Part 3

Flexbox

Part 4

CSS Grid

Part 5

Custom Properties, Responsive Design, and Modern CSS

hashtag
Prerequisites

  • HTML fundamentals (see HTML 101)

  • A text editor (VS Code recommended)

  • A browser with developer tools

hashtag
How I Use CSS

Every project I ship with a web interface involves CSS — whether it is a stylesheet for a static documentation site, scoped styles inside React components, or utility classes for a tool dashboard. Understanding the core language — not just a framework on top of it — means debugging layout issues stops being guesswork.

PreviousPart 5: Accessibility, SEO, and Modern HTML5NextPart 1: Selectors, Specificity, and the Cascade

Last updated