I am not allowed to credit the site that has this disaster. Its owner said “Nobody should see that”

  • wizzor@sopuli.xyz
    link
    fedilink
    arrow-up
    12
    ·
    4 months ago

    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.

    • ByteOnBikes@slrpnk.net
      link
      fedilink
      arrow-up
      9
      arrow-down
      1
      ·
      4 months ago

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

      • wizzor@sopuli.xyz
        link
        fedilink
        English
        arrow-up
        2
        ·
        4 months 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.

      • usernamefactory@lemmy.ca
        link
        fedilink
        arrow-up
        2
        ·
        4 months 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.