Oh wonderful! Another 10 years and we can use it natively without polyfills!
It’s already supported by 96% 87% of browsers currently in use.
I think this is what you should be looking at, which is at 82%
https://caniuse.com/mdn-css_properties_align-content_block_context
How are those old chrome and safari versions still so prevailing? And what’s up with Samsung Internet, is it not a chromium based browser?
Why are we not angrier about css generally?
What, you didn’t enjoy slicing up images and arranging them in borderless tables?
I would say because a) there are zero alternatives, and b) it’s pretty powerful; you can generally do pretty much any layout even if it requires hacks, c) switching to something else is clearly infeasible so it’s not worth even asking for.
Just have to live with it (on the web at least).
CSS 3 is solid, mate. You can do just about anything with it if you know what you’re doing.
Some of the pure CSS stuff I’ve seen is actually insane.
Obviously not actually for real world use, but a great example is https://github.com/kkuchta/css-only-chat
https://csszengarden.com comes to my mind again.
* { display: flex; }
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.
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/
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.
Well that came like 10 years too late lol
I don’t think I’ll ever use it considering it was already easily possible with flexbox, and before that (although dirtier) with tables as well.
