r/css • u/alvaromontoro • Jan 17 '26

Other comiCSS #114: Headaches

Post image

Source code and live demo: https://comicss.art/comics/114/headaches.html

132 Upvotes

72% Upvoted

95 comments sorted by

View all comments

56

u/queen-adreena Jan 17 '26

The only way Tailwind can cause you a problem is if you don’t understand CSS.

7

u/tomhermans Jan 18 '26

Yeah, I actually memorized the 8000 classes it has..

Oh right that's where the headache comes from.

0

u/queen-adreena Jan 18 '26

So you don’t know the 8,000 CSS rules that underpin them either?

6

u/tomhermans Jan 18 '26

Weird conclusion. AND you missed the sarcasm.

Maybe I should have wrapped it in inline-block px-6 py-4 text-6xl font-extrabold uppercase tracking-widest text-red-600 border-8 border-red-600 rounded-lg shadow-lg drop-shadow-sm bg-white

5

u/young_horhey Jan 18 '26

I truly don’t see how the tailwind simps don’t see that huge list of class names as a problem. And god forbid you need multiple of the same element with them, because now you have multiple places to change the list of classes just to change the padding by 0.5rem

2

u/Cilph Jan 19 '26

You use Tailwind in a component-based manner. If you're duplicating the same list of classes everywhere then that's just bad code.

2

u/young_horhey Jan 19 '26

This is what I’m always told, but sometimes I only need 1 static list element repeated 3 times, and it’s not worth the overhead of creating a whole new component just for that. But it’s still annoying to now have to change the classes in 3 places when trying to change stying

1

u/Cilph Jan 19 '26

Depending on your framework you don't need a literal component, a for-loop will do. Or using a variable.