Programming

17020 readers

317 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]

324

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

submitted 1 month ago by [email protected] to c/[email protected]

71 comments fedilink hide all child comments

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

[–] [email protected] 47 points 1 month 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 18 points 1 month ago (1 children)

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

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

Right, which isn't confusing at all /s

[–] bitjunkie 2 points 4 weeks 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 4 weeks ago (1 children)

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

[–] [email protected] 3 points 4 weeks ago* (last edited 4 weeks 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 4 weeks ago

Because of consistency with the rest of the box model