JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<div class="card-body row" style="padding:0px;margin-top:10px;margin-left:120px;margin-right:120px">
    <div class="col border-right">
        <div class="row justify-content-center">
            <h4>Most popular ads</h4>
        </div>
        <div class="row" style="margin-left:85px;">
            <div class="col">Column</div>
            <div class="col">Column</div>
            <div class="w-100"></div>
            <div class="col">Column</div>
            <div class="col">Column</div> 
        </div>
    </div>

    

    <div class="col">
        <div class="row justify-content-center">
            <h4>Latest ads</h4>
        </div> 
        <div class="row" style="margin-left:85px;">    
            <div class="col">Column</div>
            <div class="col">Column</div>
            <div class="w-100"></div>
            <div class="col">Column</div>
            <div class="col">Column</div>
        </div>
    </div>
</div>