here's the image
Like showing in this image I want to pack divs inside short eats div. For example, the fish bun div can put beside chinese rolls div likewise. I just want no white space there. Those divs are dynamically appear though.
I've added my laravel view code below if you need.
<div class="col-md-4 border border-primary rounded">
<h4>Short Eats</h4>
@foreach($shorteats as $shrt)
<div>
<a href="#" onclick="order('{{$shrt->dish_name}}')" class="btn btn-li btn-lg"> {{$shrt->dish_name}}</a>
</div>
@endforeach
</div>
<div class="col-md-4 border border-primary rounded">
<h4>Rice</h4>
@foreach($rice as $ric)
<div>
<a href="#" onclick="order('{{$ric->dish_name}}')" class="btn btn-li btn-lg"> {{$ric->dish_name}}</a>
</div>
@endforeach
</div>