Otter@lemmy.ca to Programming@programming.devEnglish · 3 months agoCSS finally adds vertical centering in 2024build-your-own.orgexternal-linkmessage-square72fedilinkarrow-up1333arrow-down14
arrow-up1329arrow-down1external-linkCSS finally adds vertical centering in 2024build-your-own.orgOtter@lemmy.ca to Programming@programming.devEnglish · 3 months agomessage-square72fedilink
minus-squarerefalo@programming.devlinkfedilinkarrow-up52arrow-down4·3 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-squarejol@discuss.tchncs.delinkfedilinkarrow-up9·3 months agoBecause we already have a way to center text horizontally…
minus-squarerefalo@programming.devlinkfedilinkarrow-up3·edit-23 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-squarejol@discuss.tchncs.delinkfedilinkarrow-up2·3 months agoBecause of consistency with the rest of the box model
minus-squarebitjunkie@lemmy.worldlinkfedilinkarrow-up18·3 months agoThat’s because under flexbox for horizontal alignment you use a different property called justify-content.
minus-squarerefalo@programming.devlinkfedilinkarrow-up4arrow-down2·3 months agoRight, which isn’t confusing at all /s
minus-squarebitjunkie@lemmy.worldlinkfedilinkarrow-up2·3 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/