CSS

Specificity and inheritance

Box model essentials

Positioning basics

Units (px/rem/em/%/vh)

Common layout pitfalls

Flexbox essentials

Grid essentials

Sticky/fixed patterns

Centered layouts patterns

Overflow and scrolling

Media queries strategy

Mobile-first approach

Fluid typography overview

Container queries overview

Responsive images coordination

BEM / utility approach overview

CSS variables design tokens

Theming basics

States: hover/focus/disabled

Simple animation patterns

Rebuild 3 UI blocks from Figma

Make responsive header/footer

Create forms styling system

Build a small component library

Mini project: landing with responsive grid