JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>


<div class="container-fluid">
<div class="projectholders row">
     <div class="projects-cards col-sm-6 col-md-4">
             <div class="media-top" >
                
                <img src="http://cdn.pcwallart.com/images/mercedes-benz-biome-seed-wallpaper-1.jpg" width="100%" height="100%" />
             
             </div>
             <div class="project-info">
                 <div class="progress-left">
                     <img src="https://camo.githubusercontent.com/40a03a2e27517edee74b177b7d48f1632b31c693/687474703a2f2f692e696d6775722e636f6d2f414a30364157452e706e67"
                     width="100%" height="100%;" />
                       
                 </div>
                  <div class="project-money">
                     <h1>Backed by $102,323 </h1>
                 </div>
                  <div class="visitProject-button-H">
                    <button class="visi-project" type="button">Visit</button>
                 </div>
             </div>
        </div>
   
     <div class="projects-cards col-sm-6 col-md-4">
               <div class="media-top">
                <img src="https://cdn.dribbble.com/users/149817/screenshots/1436337/speedcam.gif" width="100%" height="100%" />
        
             </div>
               <div class="project-info">
                 <div class="progress-left">
                     <img src="https://camo.githubusercontent.com/40a03a2e27517edee74b177b7d48f1632b31c693/687474703a2f2f692e696d6775722e636f6d2f414a30364157452e706e67"
                     width="100%" height="100%;" />
                  
                 </div>
                  <div class="project-money">
                     <h1>Backed by $9,564 </h1>
                 </div>
                  <div...