<turbo-stream action="update" target="remote_modal"><template>
  <turbo-frame id="remote_modal">
  <div class="modal fade" data-controller="modal"
       data-action="turbo:submit-end->modal#submitEnd keyup@window->modal#closeWithKeyboard click@window->modal#closeBackground">
    <div class="modal-dialog modal-lg">
      <div class="modal-content rounded-0 border shadow-sm position-relative" style="border-width: 10px !important; border-color: #C0C0C0 !important;">
        <button type="button" class="btn-close btn-sm position-absolute top-0 end-0 m-2" data-bs-dismiss="modal" aria-label="Close" style="z-index: 1050;"></button>
        <div class="modal-body remote_modal_body " id="remote_modal_body">
          
    <div class="row">
  <div class="col-xs-12">
    <p>
      <p class="description">Measurement of a jewelry item across edges. Width is the measurement of a ring you see from top view. When you put on a ring, width determines how much of your finger the ring covers. Width can be the same all around, like in most wedding bands, or can taper, like in men’s rings and ladies’ diamond rings. </p>

<p class="description">1 Inch = 25.4 millimeter (mm.)</p>

<p class="description"><br/>
<br /><a href="/files/25karats_ring_width_size_chart.pdf" target='_blank' download="25karats_ring_width_size_chart.pdf">Download Printable Width Template</a> to try on different widths!</p>
    </p>
  </div>
  <div class="col-xs-12 text-center">
      <br><img class="img-fluid" alt="WIDTH illustration image" src="/jewelry-assets/faq_answer_images/144/ring-width-template_copy_copy.jpg" />
  </div>
</div>


        </div>
      </div>
    </div>
  </div>
</turbo-frame></template></turbo-stream>