GregorTacTac@lemm.ee to Programmer Humor@programming.dev · 4 months agoAverage CSSlemm.eeimagemessage-square26fedilinkarrow-up11arrow-down10file-text
arrow-up11arrow-down1imageAverage CSSlemm.eeGregorTacTac@lemm.ee to Programmer Humor@programming.dev · 4 months agomessage-square26fedilinkfile-text
minus-squarewizzor@sopuli.xyzlinkfedilinkarrow-up0·4 months agoI 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.
minus-squareMonkderVierte@lemmy.mllinkfedilinkarrow-up0·4 months agoNowadays we do responsive webdesign instead of micromanaging widths.
minus-squareusernamefactory@lemmy.calinkfedilinkarrow-up0·4 months agoThis 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.
minus-squareByteOnBikes@slrpnk.netlinkfedilinkarrow-up0·4 months agoShhh… The poster doesn’t understand CSS and we shouldn’t embarrass them in a community with memes
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.
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 memes