JSFiddle - React, Tailwind, and code Playground

HTML

<div class="headDiv">
        <div class="c1 w1" >
            sd
        </div>
        <div class="c1 w20">s
        </div>
        <div class="c1 w5"> s
        </div>
        <div class="c1 w75">s
        </div>
         <div class="c1 w20">s
        </div>
        <div class="c1 w5"> s
        </div>
        <div class="c1 w75">s
        </div>
    
    </div>

CSS

.c1
{
    float:left;
   
    }
  
    .headDiv
        {
            width:100%;
            border:1px soild blue;
            }
            .w75
            {
                width:75%;
                height:50px;
                
                border-bottom:1px solid;
                }
                .w20
            {
                width:20%;
                height:50px;
                 
border-bottom:1px solid;
                }
                    .w5
            {
                width:5%;
                height:50px;
               background-color:Yellow;
              border-bottom:1px    solid;
                }
                
            .w1
            {
                width:100%;
                height:50px;
              background-color:pink;
                border-bottom:1px solid;
                }