JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<section class="container">
      <div class="row">
        <figure class="col-sm-4">
          <p text-align: center>PLAY</p>
          <img src="img/m1.jpg"/>
        </figure>
        <figure class="col-sm-4">
          <p text-align: center>LEARN</p>
          <img src="img/m2.jpg"/>
        </figure>
        <figure class="col-sm-4">
          <p text-align: center>HELP</p>
          <img src="img/m3.jpg"/>
        </figure>
      </div>
    </section>

CSS

section .row img {
 
  border: 4px dotted #000;
  clear: none;
  display:inline-block;
  }
  .col-sm-4
  {
    display:inline-block;
    
  }