JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.5/css/bootstrap.min.css">
<div class="each-entry-box">
                      <div class="each-entry-box-header">
                          <div class="col-md-9 customer-name">
                              <i class="glyphicon glyphicon-user glyphicon-class"></i><span>customer name</span>
                          </div>
                          <div class="col-md-3 added-on">
                              <i class="glyphicon glyphicon-time glyphicon-class"></i><span>time</span>
                          </div>
                      </div> <!-- each-entry-box-header ends here -->

                      <div class="main-content">
                          <div class="col-md-12">
                              <div class="col-md-3 customer-mobile">
                                  <i class="glyphicon glyphicon-earphone glyphicon-class"></i><span>mobile number</span>
                              </div>
                              <div class="col-md-9 customer-email">
                                  
                                      <i class="glyphicon glyphicon-envelope glyphicon-class"></i><span>No email ID added</span>

                              </div>
                          </div>
                          <div class="col-md-12">
                              Material : None
                          </div>
                          <div class="col-md-12">
                              <div class="col-md-4">
                                  XYZ : None
                              </div>
                              <div class="col-md-4">
                              </div>
                              <div class="col-md-4">
                              </div>
                          </div>
                      </div>
                  </div>

CSS

.each-entry-box{
        min-height: 80px;
        max-height: 110px;
        width: 80%;
        background: #F5F5F5;
        margin: 10px;
        border-radius: 5px;
        position: relative;
    }

.each-entry-box-header{
    	height: auto;
    width: 100%;
    background: #E6E6FA;
    margin: 0;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    /* position: absolute; */
    padding: 2px;
    float: left;
    }

.main-content{
            /* margin: 15px; */
    /* top: 30px; */
    /* position: relative; */
    width: 100%;
    background: #F5F5F5;
    float: left;
    clear: left;
    }