Classify CSS sizing choices by the responsive job they are best suited to perform.
Sort each CSS choice by the responsive job it is best suited for. Text-relative sizing Fluid layout tracks Viewport-relative effect Stable interaction target rem for body text, labels, and spacing that should respect text scale clamp(2rem, 1rem + 3vw, 4rem) for a bounded display heading 1fr to distribute leftover grid space across columns minmax(16rem, 1fr) to protect a card's minimum width min(80vh, 42rem) for a hero area that responds to viewport height vw for a decorative background scale that follows viewport width min-height: 44px or a comparable stable minimum for a primary touch control Padding around an icon button to…
Sign up free — one personalized lesson every day, matched to your role and goals.
Already have an account? Sign in