JSFiddle - React, Tailwind, and code Playground

by KANDR101

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">



<div class="card">
  <div class="card-header">
    <ul class="nav nav-pills" id="pills-tab" role="tablist">
      <li class="nav-item">
        <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true">Job Info</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" id="pills-techinfo-tab" data-toggle="pill" href="#pills-techinfo" role="tab" aria-controls="pills-techinfo" aria-selected="false">Tech Info</a>
      </li>
    </ul>
  </div>
  <div class="card-body">
    <div class="tab-content" id="pills-tabContent">

      <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">

        <div class="card text-left mb-2" style="min-width:18rem">
          <div class="card-body">								
            <div class="d-flex w-100 justify-content-around p-1">
              <h5 class="mr-auto">esmdur</h5>
              <h5 class="mx-auto">actdur</h5>
              <h5 class="mx-auto">overrun</h5>            
            </div>
            <div class="d-flex w-100 justify-content-around p-1">
              <h2  class="mr-auto">269</h2>
              <h2 class="mx-auto">140</h2>
              <h2 class="mx-auto">-129</h2>
            </div>           
          </div>
        </div>

        <div class="card mb-2" style="min-width:18rem">
          <div class="h5 card-header bg-transparent">  Job Status </div>
          <div class="card-body text-left">			       
            <div...