Media Queries Level 4

ご利用のブラウザはMedia Queries Level 4に未対応のようです🤔️
Chrome Canaryを試してみてください

      .box1,
      .box2,
      .box3 {
        display: none;
      }
        
      @media (width < 600px) {
        .box1 {
          display: block;
        }
      }

      @media (600px <= width < 800px) {
        .box2 {
          display: block;
        }
      }

      @media (800px <= width) {
        .box3 {
          display: block;
        }
      }