<p><span class="h-card" translate="no"><a href="https://mastodon.social/@whitequark" class="u-url mention">@<span>whitequark</span></a></span> Good news, as of 2024 you don't need flex at all, just `align-content: center;` on the block element whose content (children) you want vertically centered! 🎉</p><p>Source: The align-content property for block layouts is now part of Baseline</p><p><a href="https://web.dev/blog/align-content-block" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">web.dev/blog/align-content-blo</span><span class="invisible">ck</span></a></p>
