JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div>
<div  class="row">
    
    <div
        class="col-md-3">
            <label class="checkbox"> <input type="checkbox" /> 
            1
        </label>

    </div>
    <div
        class="col-md-3">
            <label class="checkbox"> <input type="checkbox" /> 
            2
        </label>

    </div>
    <div
        class="col-md-3">
            <label class="checkbox"> <input type="checkbox" /> 
            3
        </label>

    </div>
    
</div>
    <hr/>
    </div>
       <div>
   <div  class="row">
    
    <div
        class="col-md-3">
            <label class="checkbox"> <input type="checkbox" /> 
            1
        </label>

    </div>
    <div
        class="col-md-3">
            <label class="checkbox"> <input type="checkbox" /> 
            2
        </label>

    </div>
    <div
        class="col-md-3">
            <label class="checkbox"> <input type="checkbox" /> 
            3
        </label>

    </div>
    
</div>
    <hr/>
    </div>
       <div>
    <div  class="row">
    
    <div
        class="col-md-3">
            <label class="checkbox"> <input type="checkbox" /> 
            1
        </label>

    </div>
    <div
        class="col-md-3">
            <label class="checkbox"> <input type="checkbox" /> 
            2
        </label>

    </div>
    <div
        class="col-md-3">
            <label class="checkbox"> <input type="checkbox" /> 
            3
        </label>

    </div>
 
</div>
    <hr/>
    </div>
</div>