JSFiddle - React, Tailwind, and code Playground

by elizabethkmathew

HTML

<div class="wrapper">
<div class="box">

</div>
<div class="box">

</div>
<div class="box">

</div>
</div>

CSS

.wrapper {
  display: flex;
}
.box {
  width:200px;
  height: 200px;
  border: 2px solid red;
  margin: 10px;
}
@media only screen and (max-width: 1024px) {
  .wrapper {
    flex-direction: column;
  }
}