JSFiddle - React, Tailwind, and code Playground
by von
HTML
<div class="row">
<div class="column col-md-12 col-sm-12 col-xs-12">
<div class="row">
<div class="column col-md-2 col-sm-2"></div>
<div class="column col-md-2 col-sm-2 "></div>
<div class="column col-md-2 col-sm-2"></div>
<div class="column col-md-2 col-sm-2"></div>
<div class="column col-sm-6 col-md-2"></div>
<div class="column col-sm-6 col-md-2"></div>
</div>
</div>
</div>
<div class="row">
<div class="column col-md-2 col-sm-2 col-xs-2"></div>
<div class="column col-md-8 col-sm-8 col-xs-8"></div>
<div class="column col-md-2 col-sm-2 col-xs-2"></div>
</div>
<div class="row">
<div class="column col-md-2 col-sm-2 col-xs-2"></div>
<div class="column col-md-8 col-sm-8 col-xs-8">
<!--lb-editable-region-->
<p><img src="https://via.placeholder.com/750x418" class="img-fluid img-responsive"></p>
<!--/lb-editable-region-->
<div class="row">
<div class="column col-sm-6 col-xs-6 col-md-12">
<!--lb-editable-region-->Caption Here
<!--/lb-editable-region-->
</div>
</div>
<div class="row">
<div class="column col-md-6 col-sm-6 col-xs-6">
<!--lb-editable-region-->
<p><img src="https://via.placeholder.com/240x218" class="img-fluid img-responsive"></p>
<!--/lb-editable-region-->
<div class="row">
<div class="column col-sm-6 col-xs-6 col-md-12">
<!--lb-editable-region-->Caption
<!--/lb-editable-region-->
</div>
</div>
<div class="row">
<div class="column col-sm-6 col-xs-6 col-md-11">
<!--lb-editable-region--><span style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0); font-family: "Open Sans", Arial, sans-serif; font-size: 14px; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</span><br>
<!--/lb-editable-region-->
</div>
...