JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<div class="app-content content container-fluid">
      <div class="content-wrapper">
        <div class="content-header row">
        </div>
        <div class="content-body"><!-- stats -->

<div class="row match-height">
    <div class="col-xl-6 col-lg-6">
        <div class="card">
            <div class="card-header">  
            </div>
            <div class="card-body">
           <div class="card-block">
  <div class="row">
  <div class="col-lg-6 col-sm-6 col-md-6 col-6">
    <a href="#">Air Tempeature</a>
  </div>
  <div class="col-lg-6 col-sm-6  col-md-6 col-6">
    <a href="#?id=<?php echo $id; ?>">Soil Temperature</a>
  </div>
  </div>
<div class="row">
  <div class="col-lg-6 col-sm-6 col-md-6 col-6">
    <a href="#">Air Tempeature</a>
  </div>
  <div class="col-lg-6 col-sm-6  col-md-6 col-6">
    <a href="#">Soil Temperature</a>    
  </div>
</div>
<div class="row">
  <div class="col-lg-6 col-sm-6 col-md-6 col-6">
    <a href="#">Air Tempeature</a>
  </div>
  <div class="col-lg-6 col-sm-6  col-md-6 col-6">
    <a href="#">Soil Temperature</a>
  </div>
</div>
     </div>
            </div>
        </div>
    </div>
</div>