@Norum

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

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

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

Весь код https://jsfiddle.net/ztoprvgd/
  • Вопрос задан
  • 84 просмотра
Решения вопроса 1
@e_mooshka
Веб-Разработчик
Единственное что вам нужно сделать, так это указать ширину для блока .parameters, сейчас её нет)
Ширину будем указывать в %, т.к у вас 3 элемента, это означает 100% / 3 = 33.33333% - обязательно нужно указать пять троек после точки, так блоки буду заполнять все пространство и при этом не съедут)

В итоге получается:
.parameters {
  width: 33.33333%;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
BormotunJedy
@BormotunJedy
Верстальщик
Вы сами выставили ширину в 100%. К тому же у вас не соответствует верстке размер текста в описании и заголовке. Измените justify-content на left -блоки построятся в начало.
.item .col.desc {
    width: 100%;
}
.desc .info-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы