JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<div id="detail" class="gallery-item" data-displayname="Test page natursten">
  <div class="cta-in-dialog">
    <div class="image"> <img src="/filtered/13728/rszww2560h1650-30/logo--815825155-rszww2560h1650-30.png" width="1280" height="825"> </div>
    <div class="toggle-area"></div>
    <div class="cta-in-dialog__wrapper">
      <div>
        <div>
          <div class="cta-in-dialog__item range-c6 c6">
            <h2>Sandwichvägg (W)</h2> <a href="/sv-se/sortiment/tak/fasadvaggar/sandwichvagg-w/">Visa produkt</a>
          </div>
        </div>
        <div>
          <div class="cta-in-dialog__item range-c6 c6">
            <h2>Halvsandwich (V/I)</h2> <a href="/sv-se/sortiment/tak/fasadvaggar/halvsandwich-vi/">Visa produkt</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>