CSS'de "div" hizzalama nasıl yapılır?

Ekran görüntüsünde görünen 2 kutucuğun da altına 2 kutucuk gelecek ve hizzalarken sorun yaşıyorum. Margin kullanımını pek kavrayamamış olabilirim çünkü
gözümde ikisi eşit gözükse de gerçekten de ikisi eşit mi bilmiyorum top ve bottom pixel sayıları toplamda 1080 mi olmalı?
Kodda bunu nasıl düzelteceğimden emin değilim.

Flexbox ve Grid yapısına bakmanı tavsiye ediyorum.

Margin kısaca Border'ın dışın da ki boşluk. Padding content ile border arasında ki boşluk.

Grid kullanabilirsin.

• Grid