Average CSSGregorTacTac@lemm.ee to Programmer Humor@programming.dev – 538 points – 4 months agoI am not allowed to credit the site that has this disaster. Its owner said "Nobody should see that"82Post a CommentPreviewYou are viewing a single commentView all commentsShow the parent commentI 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.Shhh... The poster doesn't understand CSS and we shouldn't embarrass them in a community with memesMy 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.Nowadays we do responsive webdesign instead of micromanaging widths.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.
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.Shhh... The poster doesn't understand CSS and we shouldn't embarrass them in a community with memesMy 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.Nowadays we do responsive webdesign instead of micromanaging widths.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.
Shhh... The poster doesn't understand CSS and we shouldn't embarrass them in a community with memesMy 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.
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.
Nowadays we do responsive webdesign instead of micromanaging widths.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.
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.
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.
Shhh... The poster doesn't understand CSS and we shouldn't embarrass them in a community with memes
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.
Nowadays we do responsive webdesign instead of micromanaging widths.
This is technically responsive, but I think you have a fair criticism. A single rule like this would be much more maintainable:
Obviously, media rules have their place, but not for something that's consistantly a full width container like this seems to be.