GregorTacTac@lemm.ee to Programmer Humor@programming.dev · 4 months agoAverage CSSlemm.eeimagemessage-square86fedilinkarrow-up1565arrow-down119file-text
arrow-up1546arrow-down1imageAverage CSSlemm.eeGregorTacTac@lemm.ee to Programmer Humor@programming.dev · 4 months agomessage-square86fedilinkfile-text
minus-squarewizzor@sopuli.xyzlinkfedilinkarrow-up14·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-squareByteOnBikes@slrpnk.netlinkfedilinkarrow-up11arrow-down1·4 months agoShhh… The poster doesn’t understand CSS and we shouldn’t embarrass them in a community with memes
minus-squarewizzor@sopuli.xyzlinkfedilinkEnglisharrow-up4·4 months agoMy 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.
minus-squareMonkderVierte@lemmy.mllinkfedilinkarrow-up1·4 months agoNowadays we do responsive webdesign instead of micromanaging widths.
minus-squareusernamefactory@lemmy.calinkfedilinkarrow-up2·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.
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:
#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.