JSFiddle - React, Tailwind, and code Playground

by Baliga

HTML

<div class="left">
  <p>LEFT</p>
</div>

<div class="right">
  <p>RIGHT</p>
</div>

CSS

.left, .right {
  display:inline-block;
  width:45%;
  text-align:center;
}
.left {
  background-color:tomato;
}
.right {
  background-color:aquamarine ;
}
p {
  padding:50px 0;
}
 
@media only screen and (max-width: 550px) {
   .left, .right {
      width:100%;
   }
   .left{
     float: left;
   }
   .right{
       float: left;
    clear: left;
   }
}