JSFiddle - React, Tailwind, and code Playground

by von

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">

<div class="container-fluid">

			<div class="alert alert-info">
				
          <div class="row">
        <p class="col-xs-12">
     
  
        <div class="col-xs-2 col-md-2 col-sm-2 col-lg-2"> <i class="fas fa-hand-paper fa-3x" ></i>
             
        </div>
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
          <H2>
          Alert
          </H2>
          <h3>
          Mind the Bear Traps head
          </h3>
          <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.
          </p>
        </div>
 
         </div>
         </div>
         
         
         	<div class="alert alert-warning">
				
          <div class="row">
        <p class="col-xs-12">
     
  
        <div class="col-xs-2 col-md-2 col-sm-2 col-lg-2"> <i class="fas fa-exclamation-triangle fa-3x" ></i>
             
        </div>
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
          <H2>
          Attention
          </H2>
          <h3>
          Watch Your Step
          </h3>
          <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.
          </p>
        </div>
 
         </div>
         </div>
         
         
         
          	<div class="alert alert-success">
				
          <div class="row">
        <p class="col-xs-12">
     
  
        <div class="col-xs-2...