this is my first time seeing the `place-items` property. at first glance I have no idea how it relates to `align-items` or `justify-content`. Feels like the grid API is getting a bit too cumbersome but maybe its just me.
https://www.smashingmagazine.com/2020/01/understanding-css-g...
MDN also has a list of shorthand properties if someone didn't know what 'shorthand property' really meant: https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_p...
But yeah, the discoverability or suggestion-to-refactor-something-to-shorthand is typically non-existent in CSS. Lists like these are really the only way I discover CSS stuff.
They have the best CSS completion I’ve ever seen, and it includes live (and cached) mdn documentation for each rule. It also suggests shorthand collapses as a feature
Source: https://developer.mozilla.org/en-US/docs/Web/CSS/place-items
I think there's a lot of confusion for most people between justify-content/justify-items and align-content/align-items
1: https://preset-env.cssdb.org/ 2: https://preset-env.cssdb.org/features#place-properties