Programmer Humor

18958 readers

1083 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

534

Average CSS (lemm.ee)

submitted 1 month ago by [email protected] to c/[email protected]

80 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

[–] [email protected] 9 points 1 month ago* (last edited 1 month ago) (2 children)

Worse.

[–] [email protected] 34 points 1 month ago (1 children)

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

[–] [email protected] 26 points 1 month ago* (last edited 1 month ago)

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

[–] [email protected] 14 points 1 month 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.

[–] [email protected] 10 points 1 month ago (1 children)

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

[–] [email protected] 4 points 1 month 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.

[–] [email protected] 1 points 1 month ago (1 children)

Nowadays we do responsive webdesign instead of micromanaging widths.

[–] [email protected] 2 points 1 month 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.