Learn how to choose the right CSS unit with this informative 19-minute video tutorial. Explore a helpful flowchart that simplifies the selection process among 54 CSS length units. Discover which units are best for positioning, effects, font sizes, spacing, Flex and Grid layouts, and element dimensions. Gain insights into using clamp() for responsive typography, employing em units for text spacing, and leveraging viewport units like svh, lvh, and dvh. Understand the pros and cons of various CSS units and learn best practices for creating responsive and accessible web designs.
Overview
Syllabus
- Introduction
- The flowchart
- positioning, details, and effects
- font-size
- spacing
- Flex and Grid
- widths and heights
Taught by
Kevin Powell
