Как выставить элементы вот так?

Question

[Norum]

Как выставить блоки с информацией, как на этой картинке?


у меня получается вот так и блоки разъезжаются


Весь код https://jsfiddle.net/ztoprvgd/

Answer 1

[Егор]

Единственное что вам нужно сделать, так это указать ширину для блока .parameters, сейчас её нет)
Ширину будем указывать в %, т.к у вас 3 элемента, это означает 100% / 3 = 33.33333% - обязательно нужно указать пять троек после точки, так блоки буду заполнять все пространство и при этом не съедут)

В итоге получается:

.parameters {
  width: 33.33333%;
}

Answer 2

[Elena Fire]

Вы сами выставили ширину в 100%. К тому же у вас не соответствует верстке размер текста в описании и заголовке. Измените justify-content на left -блоки построятся в начало.

.item .col.desc {
    width: 100%;
}
.desc .info-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

Задайте размеры этому блоку:
<div class="parameters">
Для него вообще нет никаких параметров. А должны быть как минимум ширина и отступы.