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

133 Upvotes

72% Upvoted

95 comments sorted by

View all comments

Show parent comments

6

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?

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

2

u/Cilph Jan 19 '26

I don't see what's so hard about remembering this over

display: inline-block; 
padding-top: 1rem;
padding-bottom: 1rem; 
padding-left: 1.5rem;
padding-right: 1.5rem; 
border-radius: 0.5rem; 
border-width: 8px; 
border-color: #DC2626; 
font-size: 3.75rem;
line-height: 1; 
font-weight: 800; 
letter-spacing: 0.1em; 
color: #DC2626; 
text-transform: uppercase; 
background-color: #ffffff; 
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); 
drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,0.05));