JSFiddle - React, Tailwind, and code Playground

by Mohsin ali shah

HTML

<div id="btmIconsDiv">
  <ul>
    <li>
      <div class="btmIconsUlliDiv"></div>                    
    </li>
    <li>
      <div class="btmIconsUlliDiv"></div>                    
    </li>
    </ul> 
</div>

CSS

#btmIconsDiv{
    float: left;
    margin-top: 84px;
    width: 100%;
    height: 341px;
    background-color: orange;    
    position: relative;
}

#btmIconsDiv ul li{  
    /*width: 55%;*/
    display: inline-block;
    list-style-type: none;  
    margin-left: 30px;       
}

#btmIconsDiv ul li div.btmIconsUlliDiv{    
    float: left;
    width: 274px;
    /*margin-right: 50px;*/
    height: 300px;
    background-color: red;
    border: 1px solid blue;
}