[adamcblodgett]

As someone who writes CSS for a lot of small projects, it's true that the code on the right is tighter and easier to read and manage, but that's not what frameworks are for. CSS frameworks like Tailwind and Bootstrap were designed to give large scale products easy patterns to remember and implement site- or app-wide, standardizing the language so that teams quit duplicating existing functionality under different, but still obscure, names.

Yes, if we scale down out projects we can write custom CSS for our HTML without the need for specific class names that refer to specific CSS aspects and make it more readable, but that's not what frameworks were built for, and comparing the two like this is disingenuous.

[ttfkam]

Open Props does it better. Styling is kept in CSS, but you still get reusable patterns and naming.