defensivecss.dev
DefensiveCSS is a site of practical CSS and design tips intended to help build future-proof user interfaces. It includes an introduction explaining the concept of defensive CSS and a set of tips covering topics such as flexbox wrapping, image distortion, long content, component spacing, auto-fit versus auto-fill, background repeat, fixed CSS grid values and CSS variable fallback.