JSFiddle - React, Tailwind, and code Playground

by james inger

HTML

<link rel="stylesheet" href="https://getbootstrap.com/dist/css/bootstrap.css">
<div class="row1">
 <div  class='item'>
    <div id='' class='well panel panel-primary'>
       <div class='panel-heading'>
          <h4><i class='fa fa-cloud'></i>Text 1</h4>
       </div>
       <div class='panel-body'>
     <p>
          dzfg sdfgsdfgsdfg.dfsmgkl dsfglksdfglj sfdlgj lskfdjg lksfdj glkjfsd gsfldk gsfdg sfdg fsdg
     </p>
      <p>
          dzfg sdfgsdfgsdfg.dfsmgkl dsfglksdfglj sfdlgj lskfdjg lksfdj glkjfsd gsfldk gtrs hytryh treytrey trey treysfdg sfdg fsdg
     </p>
      <p>
          dzfg sdfgsdfgsdfg.dfsmgkl dsfglksdfglj sfdlgj lskfdjg lksfdj glkjfsd gsfldk gsfdg sfdg fsdg
     </p>
      <p>
          dzfg sdfgsdfgsdfg.dfsmgkl dsfglksdfglj sfdlgj lskfdjg lksfdj glkjfsd gsfldk gsfdg sfdg fsdg
     </p>
      <p>
          dzfg sdfgsdfgsdfg.dfsmgkl dsfglksdfglj sfdlgj lskfdjg lksfdj glkjfsd gsfldk gsfdg sfdg fsdg
     </p>

       </div>
    </div>
 </div>
  <div  class='item'>
    <div id='' class='well panel panel-primary'>
       <div class='panel-heading'>
          <h4><i class='fa fa-cloud'></i>Text 2</h4>
       </div>
       <div class='panel-body'>
        <p>
          dzfg sdfgsdfgsdfg.dfsmgkl dsfglksdfglj sfdlgj lskfdjg lksfdj glkjfsd gsfldk gsfdg sfdg fsdg
     </p>
      <p>
          dzfg sdfgsdfgsdfg.dfsmgkl dsfglksdfglj sfdlgj lskfdjg lksfdj glkjfsd gsfldk gtrs hytryh treytrey trey treysfdg sfdg fsdg
     </p>
      <p>
          dzfg sdfgsdfgsdfg.dfsmgkl dsfglksdfglj sfdlgj lskfdjg lksfdj glkjfsd gsfldk gsfdg sfdg fsdg
     </p>
       </div>
    </div>
 </div>
   <div  class='item'>
    <div id='' class='well panel panel-primary'>
       <div class='panel-heading'>
          <h4><i class='fa fa-cloud'></i>Text3</h4>
       </div>
       <div class='panel-body'>
       <p>
          dzfg sdfgsdfgsdfg.dfsmgkl dsfglksdfglj sfdlgj lskfdjg lksfdj glkjfsd gsfldk gsfdg sfdg fsdg
     </p>
      <p>
          dzfg sdfgsdfgsdfg.dfsmgkl dsfglksdfglj...

CSS

*, *:before, *:after {box-sizing:  border-box !important;}

.row1 {
 -moz-column-width: 25em;
 -webkit-column-width: 25em;
 -moz-column-gap: 0.5em;
 -webkit-column-gap:0.5em; 
  
}

.item {
 display: inline-block;
 padding:  .25rem;
 width:  100%; 
}

.well {
 position:relative;
 display: block;
}