Programming

17344 readers

501 users here now

Welcome to the main community in programming.dev! Feel free to post anything relating to programming here!

Cross posting is strongly encouraged in the instance. If you feel your post or another person's post makes sense in another community cross post into it.

Hope you enjoy the instance!

Rules

Follow the programming.dev instance rules
Keep content related to programming in some way
If you're posting long videos try to add in some form of tldr for those who don't want to watch videos

Wormhole

Follow the wormhole through a path of communities !webdev@programming.dev

founded 1 year ago

MODERATORS

snowe@programming.dev

Ategon@programming.dev

MaungaHikoi@lemmy.nz

328

CSS finally adds vertical centering in 2024 (build-your-own.org)

submitted 2 months ago by otter@lemmy.ca to c/programming@programming.dev

72 comments fedilink hide all child comments

you are viewing a single comment's thread
view the rest of the comments

[–] refalo@programming.dev 47 points 2 months ago (2 children)

Is it just me or is the irony lost on the author? It says "align-content: center" but it's only vertically aligned...

[–] bitjunkie@lemmy.world 18 points 2 months ago (1 children)

That's because under flexbox for horizontal alignment you use a different property called justify-content.

[–] refalo@programming.dev 2 points 2 months ago (1 children)

Right, which isn't confusing at all /s

[–] bitjunkie@lemmy.world 2 points 2 months ago

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/

[–] jol@discuss.tchncs.de 9 points 2 months ago (1 children)

Because we already have a way to center text horizontally...

[–] refalo@programming.dev 3 points 2 months ago* (last edited 2 months ago) (1 children)

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.

[–] jol@discuss.tchncs.de 2 points 2 months ago

Because of consistency with the rest of the box model