Kevin Powell makes wonderful content. I am saddened by the negative responses here. This article is a great intro for the absolute beginner to dip their toes into CSS.
I've been writing CSS for 25 years and still I bookmarked this link. Unless you're a masochist and keep up to date with frontend dev, there is always something new to learn. I didn't know about the `color-scheme` attribute - saves me a lot of work! Never heard of `margin-inline` either.
IMHO you should completely ignore the -inline/-block "logical" properties until you one day are making a site in traditional Mongolian or perhaps fanciful Japanese. Preparing for that day is unwise.
It does make it kind of useful to write one line centers instead of two, but at the expense of people kind of needing to learn about damn logical properties when they read your code/blog.
Fair, but skipping logical properties is just asking for trouble down the line. They make layouts way more predictable across languages and writing modes, and once you get them, simple stuff like one-line centers barely costs extra. It’s future-proofing, not overengineering.
Given how many people prefer to use the 4-property shortcuts even when that doesn't make sense, teaching the 2-property shortcuts seems like a good thing, even if you don't expect to support localizations where they matter the most.
Also, in my experience they interact with Flexbox and CSS Grid in useful ways that sometimes the "logical" properties are much easier to reason with than the 4-property versions or the individual property versions.
I don't get the hate. I'm spinning up a portfolio site and I want to keep it as minimalist as possible. This kind of styling is exactly what I need, since I'm not trying to apply as a frontend web dev. Make it look reasonable on mobile and desktop.
