JSFiddle - React, Tailwind, and code Playground

by Robodude

HTML

<div class="one">

</div>

<div class="two">

</div>

CSS

div {
  height: 100px;
  width: 100px;
}

.one {
  display: block;
  background-color: red;
}

.two {
  background-color: pink;
  display: none;
}

@media screen and (max-width: 568px) {
  .one {
    display: none;
  }
  .two {
    display: block;
  }
}