Programming

17350 readers

292 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 [email protected]

founded 1 year ago

MODERATORS

[email protected]

330

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

submitted 2 months ago by [email protected] to c/[email protected]

72 comments fedilink hide all child comments

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

[–] [email protected] 48 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...

[–] [email protected] 18 points 2 months ago (1 children)

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

[–] [email protected] 2 points 2 months ago (1 children)

Right, which isn't confusing at all /s

[–] [email protected] 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/

[–] [email protected] 9 points 2 months ago (1 children)

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

[–] [email protected] 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.

[–] [email protected] 2 points 2 months ago

Because of consistency with the rest of the box model