Otter to [email protected]English • 2 months agoCSS finally adds vertical centering in 2024build-your-own.orgexternal-linkmessage-square67fedilinkarrow-up11arrow-down10cross-posted to: [email protected]programming
arrow-up11arrow-down1external-linkCSS finally adds vertical centering in 2024build-your-own.orgOtter to [email protected]English • 2 months agomessage-square67fedilinkcross-posted to: [email protected]programming
minus-square@[email protected]linkfedilink0•2 months agoIs it just me or is the irony lost on the author? It says “align-content: center” but it’s only vertically aligned…
minus-square@[email protected]linkfedilink0•2 months agoBecause we already have a way to center text horizontally…
minus-square@[email protected]linkfedilink0•edit-22 months agoYes but my grief was with the naming… why not call it vertical-center? Just “center” is very confusing to me because it does not include horizontal.
minus-square@[email protected]linkfedilink0•2 months agoBecause of consistency with the rest of the box model
minus-square@[email protected]linkfedilink0•2 months agoThat’s because under flexbox for horizontal alignment you use a different property called justify-content.
minus-square@[email protected]linkfedilink0•2 months agoThere’s a learning curve but it makes sense once you’ve used it for a bit. I recommend the frog game: https://flexboxfroggy.com/
Is it just me or is the irony lost on the author? It says “align-content: center” but it’s only vertically aligned…
Because we already have a way to center text horizontally…
Yes but my grief was with the naming… why not call it vertical-center? Just “center” is very confusing to me because it does not include horizontal.
Because of consistency with the rest of the box model
That’s because under flexbox for horizontal alignment you use a different property called
justify-content
.Right, which isn’t confusing at all /s
There’s a learning curve but it makes sense once you’ve used it for a bit. I recommend the frog game: https://flexboxfroggy.com/