Как сверстать такой макет?

Здравствуйте, уважаемые разработчики!

Уже сломал голову, как сделать такой макет
5e43d8786f106926860012.jpeg

На этапе дизайна со мной ни кто не обговаривал, соответственно начальство теперь хочет так и никак иначе, вот и приходится с этим жить. Потратил кучу времени используя разные варианты: flex, grid и даже float, но реализовать, чтобы указанный блок "проваливался" когда контент становится больше, так и не удалось(((

Буду очень признателен помощи, хотя бы просто подскажите, возможно ли такое сделать? Спасибо!
  • Вопрос задан
  • 484 просмотра
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 4
@AleksRap
Используйте гриды и медиазапросы. Если текст добавляется динамически, то на js отслеживать высоту у 3 блока и при достижении определенного значения перестраивать сетку
Ответ написан
Блок 5 можно дублировать в двух местах и скрывать/показывать в зависимости от разницы в высотах блока 1 и сумм высот блока 2 и 3.
Правда такой вариант подойдет не всегда. Если блок 5 на каждой странице разный.

Вариант Алексей с топорным вырезать/вставить на js тоже имеет право на жизнь в крайнем случае)
Ответ написан
@cristalex
Это конечно очень весело верстать такие макеты. Но дизайнер нарисовал откровенную фигню, а начальник (менеджер) это пропустил. Такое себе решение. Да и целесообразность размещения элементов именно таким образом весьма сомнительна :)
Ответ написан
Ваш ответ на вопрос

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

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