JSFiddle - React, Tailwind, and code Playground

by Suryar Praveen

HTML

<section class="new_bundles bg-grey inner_bundle">
  <div class="container">
    <div class="row">
      <div class="col-12 col-md-12">
        <div class="plan-box">
          <div class="plan-details row">
            <div class="col">
              <div class="ofr-img"><img alt="" src="assets/images/sp-offer.png"><span class="plan-name">UG Super </span></div>
            </div>
            <div class="col rate-wrap">
              <div class="plan-rate fw-bold text-right">UGX 10,000/<span class="activate_fee clr-grey">30 days</span></div>
            </div>
          </div>
          <div class="row justify-content-center plan-details">
            <div class="col-md-10">
              <div class="row">
                <div class="col-sm plan-features">
                  <h5 class="clr-grey fz-14">Data</h5>
                  <h4 class="fw-boldplan">20 GB </h4>
                </div>
                <div class="col-sm plan-features">
                  <h5 class="clr-grey fz-14">National Mins</h5>
                  <h4 class="fw-boldplan">-</h4>
                </div>
                <div class="col-sm plan-features">
                  <h5 class="clr-grey fz-14">International Mins</h5>
                  <h4 class="fw-boldplan">Unlimited</h4>
                </div>
                <div class="col-sm plan-features">
                  <h5 class="clr-grey fz-14">Lyca to Lyca Mins</h5>
                  <h4 class="fw-boldplan">Unlimited</h4>
                </div>
                <div class="col-sm plan-features">
                  <h5 class="clr-grey fz-14">National Text</h5>
                  <h4 class="fw-boldplan">100</h4>
                </div>
                <div class="col-sm plan-features">
                  <h5 class="clr-grey fz-14">International <br>Text</h5>
                  <h4 class="fw-boldplan">-</h4>
                </div>
                <div class="col-sm plan-features">
                  <h5 class="clr-grey fz-14">Lyca to Lyca <br>Text</h5>
    ...