Tailwind is a hot bloat of a mess. Adds tons of crap to html elements. It's mostly popular among frontend folks who haven't taken the time to actually learn css.

I still remember the star selector pattern to prevent IE6 from reading malformed css. So me old.

But having grown up in my early career during the transition from embedding styles into html to sites like css zen garden, I am extremely critical of modern "frameworks".

I still see so much bloat in poor performing pages and often when I dig deeper it's tailwind in addition to other inefficiencies adding repeated cruft that doesn't help with site rendering.

A proper 20 year old understanding of css class style inheritance isn't hard, and it negates 80-90% of the complexity of maintaining complex web apps (react components mainly).

CSS grids are cute and useful, but for a hell of a lot of web interfaces a simple float and clear:left still works wonders.

so you've decided to use Tailwind, now you have two problems: you don't know CSS and you're using Tailwind.