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

Question

[hypero]

Здравствуйте.

Как сверстать такой блок? Я сверстал его, но например при изменении высоты, ломается.


Ссылка на код: https://codepen.io/anon/pen/zVLqOq

Comments

[Froggyweb]

.repair {
...
min-height: 100%;
....
}

Answer 1

[Андрей]

медиа запросы Вам в помощь

Answer 2

[Roman Chasovitin]

Очень плохо сверстано. Не нужно использовать width. Вот примерно так - https://jsfiddle.net/fu7d2ohe/ Но нужно доработать, чтобы не съезжало по ширине(это уже медиа-запросы)

Comments

[hypero]

Там фон у которого абсолютное позиционирование, это сделано чтобы он наезжал на шапку