Do you think that's representative of average tailwind, or have you chosen a particularly horrible case?
Edit: looking around my codebases (granted I don't write much code anymore) most of it doesn't look like that, but a small amount of components do have some gnarly classes.
Actually, looking at some examples, this is absolutely atrocious markup. Tons of empty divs with random CSS properties that are invisible and take up zero space. Hardcoded color values that should use the Tailwind color scales.
My bet is that they made some designs with WYSIWYG in Webflow, and automatically converted them to Tailwind.
EDIT: The dead giveaway is that they’re not using Tailwind’s breakpoints, but instead hardcoded ones, that happen to all be the same as Webflow’s hardcoded breakpoints - 478, 767, and 991 pixels.
I’m a fan of TailwindCSS and use it when I can, but damn. That is an abuse of the Tailwind JIT compiler. Utility classes are not an invitation to abandon custom CSS entirely.
Edit: looking around my codebases (granted I don't write much code anymore) most of it doesn't look like that, but a small amount of components do have some gnarly classes.