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

Question

[LolExtasy]

Всем привет! Недавно начал практиковаться и заметил одну вещь. Если в макете блок например должен быть на всю высоту просматриваемой длины, то свойства min-height 100px, height 100px не помогают, и весь контент съезжает или так скажем 'ломается'. Как можно сделать такой блок на 100vh но чтоб он не ломался и контент отображался корректно.

Comments

[Rustam Bainazarov]

Где, как и что ломается? Покажите пример кода.

Answer 1

[Влад Ашихмин]

Использовать @media-запросы. Указываешь необходимый порог width, думаешь как это будет выглядеть на экранах меньшего/большего разрешения и прописываешь код в медиа-запросе. Можно еще использовать сетку bootstrap.