CSS masonry layout options in 2026

Container queries changed how I build card layouts — the component adapts to its slot, not the viewport.

:has() finally lets me style parents without JavaScript, and support is good now.

Dark mode is a one-liner media query once your colours live in variables.

Code:

:root { --accent: #4f7cff; }

— CSS variables made my theming life so much easier.

Would love to hear how you all handle this.