JSFiddle - React, Tailwind, and code Playground

by von

HTML

<div class="row"><div class="column col-md-2 col-sm-2 col-xs-2"></div><div class="column col-sm-3 col-xs-3 col-md-8"><!--lb-editable-region--><h1>Hello World</h1><!--/lb-editable-region--></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-sm-12 col-xs-12 col-md-8"><p>    </p><div class="bd-callout bd-callout-warning">
      <div class="row">
        <div class="col-md-2 col-sm-2 col-lg-2"><i class="fas fa-exclamation-triangle icon-art gold-icon fa-3x"></i></div>
        <div class="col-md-8 col-sm-8 col-lg-8"><h3 id="">Attention</h3>
      
          <h4>Watch Your Step</h4>

<p>Happy painting, God bless. These things happen automatically. All you have to do is just let them happen. Anyone can paint. Decide where your cloud lives. Maybe he lives right in here. Maybe, just to play a little, we'll put a little tree here.</p>

</div></div>
      
    </div><p></p></div><div class="column col-md-2 col-sm-2 col-xs-2"></div></div>