JSFiddle - React, Tailwind, and code Playground

by helgatheviking

HTML

<div class="mix-and-match-root woocommerce-variation single_mnm_variation" data-product_id="679" data-variation_id="681" data-validation_context="add-to-cart">
  <h2 class="wc-mnm-block-child-items__select-prompt">Choose 12 selections</h2>
  <div class="mnm-variable-product mnm_child_products wc-block-grid">
    <div class="product-category product-category-Red Wine">
      <h3 class="woocommerce-loop-category_xtitle">Red Wine</h3>
      <div class="grid has-3-columns has-multilpe-rows mnm-mobile-optimized">
        <ul class="products mnm_child_products grid has-flex columns-3">
          <li class="type-product child-item wc-mnm-child-item product first instock">
            <div class="mnm_child_product_images mnm_image">
              <figure class="mnm_child_product_image woocommerce-product-gallery__image"><a href="https://sandbox.lndo.site/wp-content/uploads/2022/04/jumpstory-download20210616-162414-scaled-1-247x296.jpg" class="image zoom" data-rel="photoSwipe"><img class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" src="https://sandbox.lndo.site/wp-content/uploads/2022/04/jumpstory-download20210616-162414-scaled-1-247x296.jpg" alt="Artevini Red Reserve" data-large_image="https://sandbox.lndo.site/wp-content/uploads/2022/04/jumpstory-download20210616-162414-scaled-1-247x296.jpg" loading="lazy"></a></figure>
            </div>
            <div class="wc-mnm-block-child-item__product-details"><a href="https://sandbox.lndo.site/product/artevini-red-reserve/" tabindex="-1">
                <h4 class="wc-block-components-product-title wc-block-grid__product-title"><span>Artevini Red Reserve</span></h4>
              </a></div>
            <div class="product-quantity">
              <div class="quantity mnm-checkbox-qty child_item__quantity"><input class="qty mnm-quantity child_item__quantity_input" data-required="false" data-title="Artevini Red Reserve" type="checkbox" name="mnm_quantity[534]" value="1" data-dashlane-rid="6bcd96c149dc2107"...