Modern CSS Pure native CSS for building interfaces — no preprocessors, no frameworks. When to Use (and When NOT to) | Use Freely (Baseline) | Feature-Detect First | |---|---| | CSS Grid, Subgrid, Flexbox | , (Chrome-only) | | Container Queries (size + style) | Customizable (Chrome-only) | | , , | Scroll-state queries (Chrome-only) | | CSS Nesting, , | , | | (typed custom props) | , | | , , | Typed beyond | | Relative color syntax | | | , | (Chrome-only) | | Scroll-driven animations | Grid Lanes / masonry (experimental) | | Anchor positioning, Popover API | (Safari TP only) | | , easing | / (n…