Есть окно высотой в 100vh, внутри которого несколько елементов, потипу такого:
Решил для верстки использовать flexbox, использовал
justify-content: space-between;
И для вертикальных отступов блоков padding
Пример кода: https://codepen.io/Vdodovych/pen/aYbQrj
Недоволен тем, что при ресайзе окна, из-за этих padding
мой контент "выезжает за рамки" блока с height: 100vh
Почему так происходит я понимаю (сумма height + margin + padding (для контента) > 100vh)
Вопрос: как избежать средствами flexbox или grid использованию таких отступов, реально ли ето, или необходимо просто @media
и адаптивить ето (что довольно геморно).