Миша

Задавайте размеры в относительных единицах (%, em, rem, vh, vw, vmin, vmax).

Почитать про них можете вот здесь.

Если в макете только 2 колонки, то так:

<section class="section"></section>
<section class="section"></section>
<section class="section"></section>
<section class="section"></section>

.section:nth-child(2n + 1) {
    float: left;
    clear: left;
}

.section:nth-child(2n) {
    float: right;
    clear: right;
}

Демо на codepen



Если колонок много, то с помощью multicolumn:

.container {
  column-width: 250px; /* Ширина колонки */
  column-gap: 10px;  /* Расстояние между колонками */
}

.item {
  break-inside: avoid; /* Запрещает разрыв блока */
}

Демо на codepen