Three modern CSS properties worth adding to your reset stylesheet: `min-block-size: 100svh` to keep footers at the bottom on short pages (preferring SVH over DVH to avoid mobile repaint glitches), `scrollbar-gutter: stable` on the HTML element to prevent layout shift when navigating between pages with and without scrollbars, and `interpolate-size: allow-keywords` to enable smooth CSS transitions to intrinsic sizes like `auto`, `fit-content`, `min-content`, and `max-content`. The post also touches on pairing `interpolate-size` with `prefers-reduced-motion` for accessibility-conscious animation control.
ā¢8m watch time
Sort: