Как сделать чтобы div отталкивался от footer?

Question

[Euxinus]

Добрый день
Нужно чтобы div уменьшался при уменьшении окна и не заходил за footer, как лучше сделать? Спасибо.

Comments

[Ankhena]

Делать стики футер гридами https://codepen.io/AnnaSummer/pen/gOvbEdB или флексами, а не прибивать через fixed или absolute.

[Виктор Майоров]

Залейте код куда-нибудь. Например на codepen или codesandbox

[Euxinus]

Виктор Майоров, https://codepen.io/euxinus/pen/NWBWvGB

Answer 1

[Виктор Майоров]

Поправил верстку. https://codepen.io/webm0fe/pen/vYaYJKZ?editors=1100
Не используйте position: absolute для того, чтобы позиционировать каждый блок.

Comments

[Euxinus]

Спасибо большое! А можно ли таким образом обойтись без верстки под каждое отдельное устройство? не вызывая @media
Просто я верстаю на мониторе от телевизора, а когда подключил второй монитор (ноутбук) то у меня там центральный блок ушел за footer вниз, но вы это исправили

[Виктор Майоров]

Euxinus, Нет, адаптировать в любой случае придется. Можно конечно сделать "резиновую" верстку, но это не панацея.

[Euxinus]

Виктор Майоров, Еще раз спасибо!