JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box one"></div>
<div class="box two"></div>
<div class="box three"></div>
<div class="box four"></div>
<div class="box five"></div>
<div class="box five"></div>

CSS

body {
  width: 100vw;
}

.box {
  width: 50px;
  height: 50px;
  background: #555;
  display: none;
}

@media only screen and (max-width:680px) {
 .box {
    display: inline-block;
  }
}

@media only screen and (min-width:681px) {
  .one, .two, .three {
    display: inline-block;
  }
}