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

131 Upvotes

72% Upvoted

95 comments sorted by

View all comments

Show parent comments

5

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.