JSFiddle - React, Tailwind, and code Playground

by masaab algailani

HTML

<div class="mainContainer"> 
    <div>
        <label>
        I am a Label
       </label>
        <input type="checkbox"/>
    </div>
    
    <div class="childItem">
        <label>
        I am a Label
       </label>
        <input type="checkbox"/>
    </div>
    
        <div class="childItem">
        <label>
        I am a Label
       </label>
        <input type="checkbox"/>
    </div>
    
</div>

CSS

.mainContainer{
    height: 150px;
    border:1px solid black;
    display: flex;   
    flex-flow:row nowrap;  
    }

.childItem{
    flex-grow:1;
}