3 column layout to help solve BoldGrid PPB issue

3-column-layout.html

<div class="boldgrid-section">
<div class="container">
<div class="row" style="padding-top: 50px; padding-bottom: 50px;">
<div class="col-md-4 col-sm-12 col-xs-12" style="box-shadow: #191919 0px 0px 0px 0px; border: 0px solid #a9a9a9;">
<h4 class="">Heading 1</h4>
<h4 class="">&nbsp;</h4>
<p class="">Nov 28, 2021</p>
<p class="">one two three four five six seven eight nine ten</p>
<p class="" style="text-align: left;"><a class="button-secondary" href="#">Read More</a></p>

</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<h4 class="">Heading 2</h4>
<h4 class="">&nbsp;</h4>
<p class="">Jan 28, 2020</p>

<div class="bgc-single-excerpt">
<p class="">blah blah one two three four five six seven eight</p>

<div class="read-more"></div>
</div>
<p class="" style="text-align: left;"><a class="button-primary" href="#">Read More</a></p>

</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<h4 class="">Heading 3</h4>
<h4 class="">&nbsp;</h4>
Jan 05, 2020
<div class="bgc-single-excerpt">
<p class="">blipity blipity one two three four five six seven eight</p>

</div>
<p class="" style="text-align: left;"><a class="button-primary" href="#">Read More</a></p>

</div>
</div>
</div>
</div>
<div class="boldgrid-section">
<div class="container">
<div class="row">
<div class="col-md-12 col-xs-12 col-sm-12">
<p class="">&nbsp;</p>

</div>
</div>
</div>
</div>