Otter@lemmy.ca to Programming@programming.devEnglish · 1 month agoCSS finally adds vertical centering in 2024build-your-own.orgexternal-linkmessage-square72fedilinkarrow-up1331arrow-down14cross-posted to: webdev@programming.devhackernews@lemmy.smeargle.fans
arrow-up1327arrow-down1external-linkCSS finally adds vertical centering in 2024build-your-own.orgOtter@lemmy.ca to Programming@programming.devEnglish · 1 month agomessage-square72fedilinkcross-posted to: webdev@programming.devhackernews@lemmy.smeargle.fans
minus-squarerefalo@programming.devlinkfedilinkarrow-up51arrow-down4·1 month agoIs it just me or is the irony lost on the author? It says “align-content: center” but it’s only vertically aligned…
minus-squarebitjunkie@lemmy.worldlinkfedilinkarrow-up18·1 month agoThat’s because under flexbox for horizontal alignment you use a different property called justify-content.
minus-squarerefalo@programming.devlinkfedilinkarrow-up4arrow-down2·30 days agoRight, which isn’t confusing at all /s
minus-squarebitjunkie@lemmy.worldlinkfedilinkarrow-up2·29 days 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/
minus-squarejollinkfedilinkarrow-up9·30 days agoBecause we already have a way to center text horizontally…
minus-squarerefalo@programming.devlinkfedilinkarrow-up3·edit-230 days 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-squarejollinkfedilinkarrow-up2·29 days agoBecause of consistency with the rest of the box model
Is it just me or is the irony lost on the author? It says “align-content: center” but it’s only vertically aligned…
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/
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