#CSS

How CSS Specificity Is Calculated

Attribute Selectors Explained

Combinators: Descendant, Child, Sibling Selectors

Basic CSS Selectors (Type, Class, ID)

Comments and Basic Syntax in CSS

Inline vs Internal vs External CSS

The CSS Box Model Explained

What CSS Is and How Styles Are Applied to HTML

Project: A Documentation Site

Sidebar navigation, an on this page menu, code blocks that scroll, a search box and deep links that survive a sticky header. The hardest layout to get...

Project: A Resume Page

A document with real structure: dated entries, an experience timeline, skills grouped by category, and a print stylesheet that produces a usable PDF.

Colour, Contrast and Motion

Contrast ratios that meet the guidelines, never relying on colour alone, and honouring the reduced motion preference. Mostly CSS, entirely part of the...

Responsive Design Starts in the Markup

The viewport tag, flexible images, relative units and the mobile first habit. Half of responsive design is decided before a single media query is writ...