IT_Highlander
@IT_Highlander

Как растянуть пустой блок до высоты соседнего заполненного контентом?

Собственно - вот песочница с примером
Есть два блока, один пустой, у него картинка\цвет на бекграунде, второй рядом с контентом, как сделать так, чтобы пустой блок растягивался по величине блока с конентом? Обернуты блок в контейнер с display: flex
  • Вопрос задан
  • 86 просмотров
Решения вопроса 1
@Froggyweb
убрать у пустого блока height: 100%;
и вместо width 30% лучше использовать flex: 0 0 30% ну или как надо
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@YahorDanchanka
Frontend developer
.wrap {
  /* Не обязательно задавать, так как значение по умолчанию */
  align-items: stretch;
}

/* Убрать height: 100% */
.left {
  flex-shrink: 1;
  width: 30%;
  background-color: green;
}
Ответ написан
Ваш ответ на вопрос

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

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