Saya menghadapi masalah meletakkan div seperti dalam foto.

<div class="cards" id="cards">
      <div class="container">
        <div class="single">
          <span class="dot"></span>
        </div>
        <div class="single">


          <span class="dot"></span>
        </div>
        <div class="second">
          <span class="dot"></span>
        </div>
        <div class="second">
          <span class="dot"></span>
        </div>
      </div>
    </div>

Saya telah mencuba sesuatu seperti ini tetapi saya menghadapi masalah untuk menggayakan dan meletakkannya menggunakan css.

Satu div dinamakan sempena dua kad/div pertama. Div kedua dinamakan kad kedua/div ke bawah.