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
      14
      ·
      6 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
        11
        arrow-down
        1
        ·
        6 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
          4
          ·
          6 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
          ·
          6 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.