Category
Responsive Design
CSS clamp() for Fluid Typography and Spacing: A Complete Guide
clamp() replaces a stack of font-size media queries with one line that scales smoothly between a minimum and maximum. Here's the formula, worked examples, and common pitfalls.
CSS Viewport Units Explained: vw, vh, dvh, svh, and lvh for Responsive Design
100vh has a famous mobile bug: the address bar resizing the viewport out from under your layout. The newer dvh/svh/lvh units exist specifically to fix it.
The CSS aspect-ratio Property: A Practical Guide to Responsive Media Boxes
Before aspect-ratio, holding a box's shape as it resized meant a padding-percentage hack. Here's the modern property, common ratios, and how it prevents layout shift.