Programmer Humor

19512 readers

367 users here now

Welcome to Programmer Humor!

This is a place where you can post jokes, memes, humor, etc. related to programming!

For sharing awful code theres also Programming Horror.

Rules

founded 1 year ago

MODERATORS

545

Average CSS (lemm.ee)

submitted 4 months ago by GregorTacTac@lemm.ee to c/programmer_humor@programming.dev

86 comments fedilink hide all child comments

I am not allowed to credit the site that has this disaster. Its owner said "Nobody should see that"

you are viewing a single comment's thread
view the rest of the comments

[–] MonkderVierte@lemmy.ml 10 points 4 months ago* (last edited 4 months ago) (2 children)

Worse.

[–] Peter_Arbeitsloser@feddit.org 34 points 4 months ago (1 children)

Isn't cascading styles the whole point of Cascading Style Sheets?

[–] _stranger_@lemmy.world 26 points 4 months ago* (last edited 4 months ago)

You absolute fool. You must never utter its full name, lest you summon its wrath!

[–] wizzor@sopuli.xyz 14 points 4 months ago (2 children)

I don't get it, isn't this a pretty normal way of using media queries. Granted you're more likely to see the widths defined in px.

[–] ByteOnBikes@slrpnk.net 10 points 4 months ago (1 children)

Shhh... The poster doesn't understand CSS and we shouldn't embarrass them in a community with memes

[–] wizzor@sopuli.xyz 4 points 4 months ago

My imposter syndrome kicked in full swing. I was ready to learn a CSS best practice and feel uncomfortable about it for the rest off the day.

[–] MonkderVierte@lemmy.ml 1 points 3 months ago (1 children)

Nowadays we do responsive webdesign instead of micromanaging widths.

[–] usernamefactory@lemmy.ca 2 points 3 months ago

This is technically responsive, but I think you have a fair criticism. A single rule like this would be much more maintainable:

#content .grid-container {
	width: 90vw;
	min-width: 12rem;
	max-width: 75rem;
	padding: 2rem 0 1rem;
}

Obviously, media rules have their place, but not for something that's consistantly a full width container like this seems to be.