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="row">
  <div class="column col-md-2 col-sm-2 col-xs-2">
  jibb
  </div>
  <div class="column col-sm-8 col-xs-8 col-md-8">
<div class="callout-box">
   <div class="fas fa-hand-paper icon-art"></div>
   <div class="callout-icon-content">
      <h3>Alert</h3>
      <h4>Mind the Bear Traps head</h4>
      <p>We are just playing here. I was blessed with a very steady hand; and it comes in very handy when you're doing these little delicate things. The shadows are just like the highlights, but we're going in the opposite direction. Everyone wants to enjoy the good parts - but you have to build the framework first. You need the dark in order to show the light.</p>
   </div>
</div>
  </div>
</div