@vladis26

Как выровнять дочерние элементы в Flexbox?

Помогите пожалуйста.
нужно посредством flexbox сделать так, чтобы блок .new был вровень с блоком .new-content который располагается по середине с равным расстоянием между вложенными в него блоками .new-box.
Голову уже сломал, не могу сделать.
p.s. картинку с визуализацией приложил =)
Спасибо!

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f5f0e1;
}

.new {
  display: flex;
  align-self: normal;
} /* в этом блоке заголовок h1*/

.new-content {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.new-box {
  width: 20%;
  height: 400px;
/*здесь картинка*/
}


Картинка для наглядности:
5f58e5582433d439031501.jpeg
  • Вопрос задан
  • 83 просмотра
Решения вопроса 2
Psixodelik
@Psixodelik
Преподаватель на Hexlet
Задай .new такую же ширину, как и у .new-content
Ответ написан
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
CEO iAmStudio, предприниматель.
Задай new-content максимальную ширину, как это делают для обычного container-класса, а лучше именно container класс и используй тут и внутри .new. Обычно именно так и делают.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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