@welcom
Front-end разработчик

Как сверстать подобное?

Нужно, чтобы блоки были всегда одной высоты, и при растягивании одной из колонок другие увеличивались соответственно.
9aade44b0937416089bd4a7fc11500e8.jpg
Сейчас у меня родительские блоки растягиваюсь по высоте, а вот как заставить внутренние растягиваться с ним?
c22cf764576b4f56bc5ba405c00151cd.jpg
.row{
        -webkit-align-items: stretch;
        align-items: stretch;
        display: -webkit-flex;
        display: flex;
        margin-top: 100px;
        
        .block-wrapper{
            .block{
                border: 1px solid #ccc;
                display: block;
                width: 100%;
                min-height: 150px;
                align-items: stretch;
            }
        }
    }

c71d8934ddd84b428b2bd5ff01906c0c.jpg
  • Вопрос задан
  • 378 просмотров
Пригласить эксперта
Ответы на вопрос 1
pm_wanderer
@pm_wanderer
junior-HTML
block-wrapper делаешь тоже display: flex и еще прописываешь ему flex-direction: column;

можно еще маргин сделать сверху и снизу, чтобы меньше определенного уровня не сжимались блоки.
PS
max-width еще добавь им 100%;
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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