GregorTacTac@lemm.ee to Programmer Humor@programming.dev · 1 year agoAverage CSSlemm.eeimagemessage-square33fedilinkarrow-up110arrow-down10file-text
arrow-up110arrow-down1imageAverage CSSlemm.eeGregorTacTac@lemm.ee to Programmer Humor@programming.dev · 1 year agomessage-square33fedilinkfile-text
minus-squarewizzor@sopuli.xyzlinkfedilinkarrow-up0·1 year 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·1 year agoNowadays we do responsive webdesign instead of micromanaging widths.
minus-squareusernamefactory@lemmy.calinkfedilinkarrow-up1·1 year 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-up0arrow-down1·1 year 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