Home Resources Schedule Roadmap Team

Back to Categories

Current Path

CSS3

Syntax & Selectors Colors & Backgrounds The Box Model CSS Units Text & Fonts Display & Visibility Positioning & Z-Index Flexbox CSS Grid Combinators Shadows & Gradients Responsive (Media Queries)Object Fit & Cover Pseudo-classes & Elements Transitions & Animations CSS Variables

Jump to topic:

Syntax & Selectors Colors & Backgrounds The Box Model CSS Units Text & Fonts Display & Visibility Positioning & Z-Index Flexbox CSS Grid Combinators Shadows & Gradients Responsive (Media Queries)Object Fit & Cover Pseudo-classes & Elements Transitions & Animations CSS Variables

CSS Units

Understanding units is key for responsive design.

Absolute: px, cm, mm, in
Relative: em, rem (root em), vw (viewport width), vh (viewport height), %

Prefer `rem` for font sizes and spacing to respect user browser settings.

4 / 16