@di1sa

Как расположить блоки?

как расположить блоки друг под другом без отступа?

5fda2cd57e20a374563998.png
  • Вопрос задан
  • 82 просмотра
Пригласить эксперта
Ответы на вопрос 4
YuriyVorobyov1333
@YuriyVorobyov1333
Software Developer (Node.js/Angular)
Родительский контейнер сделайте так:
.flex-container {
  display: flex;
  flex-direction: column;
}


Про флексы тут
Ответ написан
@di1sa Автор вопроса
.flex-container {
display: flex;
flex-direction: column;
}
сделал как вы сказали, оно получается друг под другом но в 1 столбик, а не в 3 как нужно

5fda3137d47c2168770116.png
Ответ написан
@FrelFrloich
На css или оберните ваш список с картинкой в один блок и задайте.

<div class="menu">

  <div class="menu__list">
    <div class="menu__item">Тут ваш список</div>
    <div class="menu__item-image">Тут картинка</div>
  </div>

  <div class="menu__list">
    <div class="menu__item">Тут ваш список</div>
    <div class="menu__item-image">Тут картинка</div>
  </div>

  <div class="menu__list">
    <div class="menu__item">Тут ваш список</div>
    <div class="menu__item-image">Тут картинка</div>
  </div>

</div>


.menu {
display: flex;
}

.menu__list {
display: flex;
flex-direction: column;
}


Или применяйте grid, будет меньше ненужной разметки. Хватит на мозги человеку капать, какой к чёрту js.
Ответ написан
Ваш ответ на вопрос

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

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