Какую высоту задать, если блок по высоте не фиксированный?

Question

[Raul Abdullin]

Прикрепляю скрин, нужно фон для розового сделать такой высотой, чтобы когда заканчиваются эти 4 белых прямоугольника, чтобы он обрезался. Фикс высоту для розового фона не получится задать, т.к. текст в прямоугольниках можно быть разный по высоте, и к тому же зависит от ширины экрана. Как быть?
Код https://jsfiddle.net/xd8o6o2b/1/
Верстаю с использованием сетки бутстрап

Comments

[Ankhena]

В вебе очень редко задают фиксированную высоту. Разве что, 100vh, если это можно назвать фиксированной. Если нужно, то ее ограничивают минимальной и максимальной.
Обычно дают блоку увеличиваться по содержимому и пишут padding'и.

[Даниил Попов]

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

[Raul Abdullin]

Ankhena, ага так и сделал, спасибо большое

Answer 1

[Shadowman69]

Может сделайте так, чтоб этот розовый фон заполнял весь блок (если вдруг этот розовый фон Вы поставили картинкой, то лучше поставьте цветом, или задайте свойство background: cover), если блоку с фоном ставили фиксированную высоту, то уберите, пусть будет height: auto, а на адаптиве просто уберите нижний марджин в последнего белого прямоугольника и фон будет сразу обрезаться после него.