JSFiddle - React, Tailwind, and code Playground

HTML

<section id="rows">
    <div class="row">
       <h2>Column 1</h2>
       <p>text..</p>
    </div>
     <div class="row">
       <h2>Column 2</h2>
       <p>text..</p>
    </div>
     <div class="row">
       <h2>Column 3</h2>
       <p>text..</p>
    </div>
</section>

CSS

#rows{
  display: flex;
}

#rows div.row{
  flex-direction: row;
  width: 33.33%;
}

@media screen and (max-width: 600px) {
    #rows{
         display: block;
     }
}