4-row.html

    <!-- = -->
    <!-- = -->
    <!-- = -->
    <!-- = -->
    <!-- = -->
    <!-- = -->
    <!-- = -->
    <!-- Pricing -->
    <section class="pricing_table_3 bg-light pt-105 pb-100 text-center">
      <div class="container px-xl-0">
        <h2 class="mb-65 small" data-aos-duration="500" data-aos="fade-down" data-aos-delay="0">
          Pricing</h2>

        <div class="table-responsive-shadow">
          <div class="overflow">
            <div class="w-1170 inner">

              <!-- row -->
              <div class="row no-gutters radius10 noradius_bottom table_head">
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="0">
                  <div class="pt-25 pb-25 px-25 w-full block">
                    &nbsp;
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="250">
                  <div class="pt-25 pb-25 px-25 w-full block">
                    <div class="f-18 medium title">Blogger Plan</div>
                    <div class="mt-2 text-adaptive">
                      For content creators without a custom homepage.
                    </div>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="500">
                  <div class="pt-25 pb-25 px-25 w-full block">
                    <div class="f-18 medium title">Pro Plan</div>
                    <div class="mt-2 text-adaptive">
                      For entrepreneurs who needs a fully featured website.
                    </div>
                  </div>
                </div>
              </div>

              <!-- row -->
              <div class="row no-gutters table_row">
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="0">
                  <div class="pt-30 pb-20 px-25 w-full d-flex align-items-center justify-content-end block">
                    <div class="color-heading f-14 semibold text-uppercase sp-20 text-right">Price per month<br>billed
                      annually</div>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="250">
                  <div class="pt-50 pb-30 px-25 w-full block">
                    <div class="d-inline-block f-58 relative price">
                      <span class="absolute f-16">$</span>
                      <b>15</b>
                    </div>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="500">
                  <div class="pt-50 pb-30 px-25 w-full block">
                    <div class="d-inline-block f-58 relative price">
                      <span class="absolute f-16">$</span>
                      <b>18</b>
                    </div>
                  </div>
                </div>
              </div>

              <!-- row -->
              <div class="row no-gutters table_row">
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="0">
                  <div class="pt-20 pb-15 px-25 w-full block">
                    <div class="color-heading f-14 semibold text-uppercase sp-20 text-right">Subdirectory
                      install<br><br>A pre-built homepage in
                      front of your Ghost installation</div>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="250">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    <input type="checkbox" name="pseudo_checkbox" class="d-none border-gray bg-gray focus-action-1"
                      disabled />
                    <label></label>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="500">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    <input type="checkbox" name="pseudo_checkbox" class="d-none border-gray bg-gray focus-action-1"
                      checked />
                    <label></label>
                  </div>
                </div>
              </div>

              <!-- row -->
              <div class="row no-gutters table_row">
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="0">
                  <div class="pt-20 pb-15 px-25 w-full block">
                    <div class="color-heading f-14 semibold text-uppercase sp-20 text-right">Custom domain name</div>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="250">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    <input type="checkbox" name="pseudo_checkbox" class="d-none border-gray bg-gray focus-action-1"
                      checked />
                    <label></label>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="500">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    <input type="checkbox" name="pseudo_checkbox" class="d-none border-gray bg-gray focus-action-1"
                      checked />
                    <label></label>
                  </div>
                </div>
              </div>

              <!-- row -->
              <div class="row no-gutters table_row">
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="0">
                  <div class="pt-20 pb-15 px-25 w-full block">
                    <div class="color-heading f-14 semibold text-uppercase sp-20 text-right">Views/month</div>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="250">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    125 000
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="500">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    125 000
                  </div>
                </div>
              </div>

              <!-- row -->
              <div class="row no-gutters table_row">
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="0">
                  <div class="pt-20 pb-15 px-25 w-full block">
                    <div class="color-heading f-14 semibold text-uppercase sp-20 text-right">🧑 Staff users</div>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="250">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    Unlimited
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="500">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    Unlimited
                  </div>
                </div>
              </div>

              <!-- row -->
              <div class="row no-gutters table_row">
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="0">
                  <div class="pt-20 pb-15 px-25 w-full block">
                    <div class="color-heading f-14 semibold text-uppercase sp-20 text-right">Upload limit per
                      month<br><br>
                      Don't try to start a marketplace on our platform without asking.</div>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="250">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    1 GB<br>(about 1000 pictures)
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="500">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    1 GB<br>(about 1000 pictures)
                  </div>
                </div>
              </div>

              <!-- row -->
              <div class="row no-gutters table_row">
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="0">
                  <div class="pt-20 pb-15 px-25 w-full block">
                    <div class="color-heading f-14 semibold text-uppercase sp-20 text-right">⚡️ Service Level Agreement
                      (SLA)<br><br>See our update time status dashboard 📡.</div>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="250">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    99.999%<br>It represents 26 sec per month or 5m15 per year of potential downtime
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="500">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    99.999%<br>It represents 26 sec per month or 5m15 per year of potential downtime
                  </div>
                </div>
              </div>

              <!-- row -->
              <div class="row no-gutters table_row">
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="0">
                  <div class="pt-20 pb-15 px-25 w-full block">
                    <div class="color-heading f-14 semibold text-uppercase sp-20 text-right">🔐 Automatic SSL</div>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="250">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    <input type="checkbox" name="pseudo_checkbox" class="d-none border-gray bg-gray focus-action-1"
                      checked />
                    <label></label>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="500">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    <input type="checkbox" name="pseudo_checkbox" class="d-none border-gray bg-gray focus-action-1"
                      checked />
                    <label></label>
                  </div>
                </div>
              </div>

              <!-- row -->
              <div class="row no-gutters table_row">
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="0">
                  <div class="pt-20 pb-15 px-25 w-full block">
                    <div class="color-heading f-14 semibold text-uppercase sp-20 text-right">⚡️ Content Delivery Network
                      (CDN)</div>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="250">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    <input type="checkbox" name="pseudo_checkbox" class="d-none border-gray bg-gray focus-action-1"
                      checked />
                    <label></label>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="500">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    <input type="checkbox" name="pseudo_checkbox" class="d-none border-gray bg-gray focus-action-1"
                      checked />
                    <label></label>
                  </div>
                </div>
              </div>

              <!-- row -->
              <div class="row no-gutters table_row">
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="0">
                  <div class="pt-20 pb-15 px-25 w-full block">
                    <div class="color-heading f-14 semibold text-uppercase sp-20 text-right">🔄 Automatic<br>weekly
                      updates</div>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="250">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    <input type="checkbox" name="pseudo_checkbox" class="d-none border-gray bg-gray focus-action-1"
                      checked />
                    <label></label>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="500">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    <input type="checkbox" name="pseudo_checkbox" class="d-none border-gray bg-gray focus-action-1"
                      checked />
                    <label></label>
                  </div>
                </div>
              </div>

              <!-- row -->
              <div class="row no-gutters table_row">
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="0">
                  <div class="pt-20 pb-15 px-25 w-full block">
                    <div class="color-heading f-14 semibold text-uppercase sp-20 text-right">💾 Backups</div>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="250">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    <input type="checkbox" name="pseudo_checkbox" class="d-none border-gray bg-gray focus-action-1"
                      checked />
                    <label></label>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="500">
                  <div class="pt-15 pb-15 px-25 w-full block">
                    <input type="checkbox" name="pseudo_checkbox" class="d-none border-gray bg-gray focus-action-1"
                      checked />
                    <label></label>
                  </div>
                </div>
              </div>

              <!-- row -->
              <div class="row no-gutters table_row">
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="0">
                  <div class="pt-20 pb-15 px-25 w-full block">
                    &nbsp;
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="250">
                  <div class="pt-40 pb-40 px-10 w-full block">
                    <a href="#" class="btn border-gray color-main">Checkout</a>
                  </div>
                </div>
                <div class="col-4 d-flex align-items-stretch" data-aos-duration="500" data-aos="fade-down"
                  data-aos-delay="500">
                  <div class="pt-40 pb-40 px-10 w-full block">
                    <a href="#" class="btn action-1">Checkout</a>
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>
    </section>

Trying to remove the latest row as I only have 2 plans.
I'm very confused about why I still see 4 rows.

Hi!
Change in all div's "col-3" to "col-4" - it should solve your problem.

You're right it works! I don't get the logic.

Oh wait, this is completely buggy in the mobile view.

Video capture: https://cl.ly/72616b1dc49e

I just update the gist as well.

To make sure, I try the original HTML file and the issue is the same.

Sorry, but I don't see this bug on my PC.
Please, check my archive with this page with all assets included.
https://yadi.sk/d/SeWLy-kqzK1Cmw