JSFiddle - React, Tailwind, and code Playground

HTML

<div class= "notification-content">
    <div class = "breadcrumb-nav">
        <h1>Devices</h1>
    </div>
    <div class = "grid">
        <div class = "left-content">
            <p class ="shown-device"><strong>1487</strong> device shown</p>
            <div class = "filter-by">
                <span class ="filter-by-heading-left">Filter By:</span>
                <a class =" filter-by-heading-right">Clear All</a>
            </div>
        </div>
        
        <div class = "right-content">
          <div class = "filter">
                <p class ="filter-heading">Filters:</p>
          </div>
        </div>
    </div>
</div>

CSS

.breadcrumb-nav{
    margin-left: 230px;
    left: 70px;
    top: 70px;
    width: 1291px;
    height: 66px;
    opacity: 100%;
    background: #EFEFEF;
}

.grid{
     margin-left: 230px;
}

/*Left Section Styling */
/*changed*/
.left-content{
    top :104px;
    left: 151px;
    opacity: 100%;
    float: left;
    width: 60%;
    /*height: 20px;*/
    /*width: 294px;*/
}

.shown-device{
    line-height: 20px;
    width :147px;
    font-size: 16px;
    color :#101010;
    /*margin-top: 15px;*/
    margin-left: 120px;
}


.filter-by{
    left: 80px;
    top: 177px;
    width: 250px;
    height: 28px;
    background: #D8D8D8;
    margin-top: 6px;
}

.filter-by-heading-left{
    /*left: 86px;
    top: 182px;
    height: 17px;
    padding:5px 134px 6px 6px;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;*/
}

.filter-by-heading-right{
    left: 225px;
    top: 182px;
    height: 17px;
    padding:5px 6px 8px 133px;
    font-size: 11px;
    line-height: 17px;
}

/*Right Section Styling*/

.right-content .filter{
    float: right;
    /*margin-left: 329px;*/
    width: 40%;
    margin-top: 6px;
}

.filter-heading{
    width: 39px;
    height: 16px;
    font-size: 13px;
    line-height: 16px;
    color: #666666;
    
}
.sorting-select-box{
    left : 986px;
    top: 177px;
    width: 281px;
    height: 33px;
    opacity: 100%;
    background: #FFFFFF;
    border:1px solid #E0E0E0;
    margin-left: 712px;
    margin-top: 41px;
}