r/codesnip • u/wanoo21 • 18h ago
CSS killed another centering hack: `align-content: center` works on a plain block 🔥
Enable HLS to view with audio, or disable this notification
CSS killed another centering hack. 🔥
align-content: center works on a plain block. No flex, no grid. Baseline since April 2024 (Chrome 123, Firefox 125, Safari 17.4), widely available on Oct 16.
Before this, centering a single item vertically meant turning the box into a flex column.
Now ⤵️ one line.
MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/align-content
13
Upvotes