Metric Status Cards - Copy this Html, Tailwind Component to your project

<div-class="row">-<div-class="col-md-6-mb-4">-<div-class="metric-card-tds-bg">-<!---Using-TDS-background-class--->-<div-class="flex-items-center-justify-between">-<h3-class="h6">Expected-pH-Level:-<?php-echo-$expectedPh[0]-.-'---'-.-$expectedPh[1];-?></h3>-</div>-</div>-</div>-<div-class="col-md-6-mb-4">-<div-class="metric-card-ph-bg">-<!---Using-pH-background-class--->-<div-class="flex-items-center-justify-between">-<h3-class="h6">Expected-ppm-Level:-<?php-echo-$expectedPpm[0]-.-'---'-.-$expectedPpm[1];-?></h3>-</div>-</div>-</div>-</div>