У сайта есть шапка, под ним есть блок с картинкой на всю высоту экрана. Ему задаю параметр min-height: 100vh. Блок растягивается и появляется скролл размером с высоту шапки сайта.
Подскажите, как можно убрать этот скролл? Перебирать значение min-height не вариант. Пробовал задавать фиксированную высоту у шапки, а потом min-height: calc(100vh - #{$headerHeight}). Работает, но похоже на костыль.
Ankhena, только теперь проблема появилась с адаптивом :D. При сужении экрана сетка подстраивается под самый широкий элемент и не даёт остальным сужаться.
Ankhena, https://trytopersuademe.github.io/RosAlpStroy/main... посмотрите на шапку сайта и попробуйте сузить ширину экрана до 320px. В какой-то момент, шапка перестанет сужаться. Это из-за того, что белому заголовку сайта, который ниже на первом экране, некуда больше сжиматься. Они как бы в связке.
Evtera, ну не надо всё в кашу :)
Если вы уберете тот грид, который отвечает за "Почему мы", то разумеется всё влезет. Но только не в 320, а примерно в 440, просто потому что слово Высотные таким шрифтом + отступы это примерно 440.
Но тот грид, ради которого был этот вопрос на ширину никак не влияет.
Делать номера 01, 02 и т.д. картинками это безумие. Для этого есть цифры на клавиатуре, псевдоэлемент и свойства counter-reset и counter-increment.
Перестраивайте этот грид на мобилках в 1 столбик, на планшетах в 2, на десктопах в 3.
Простой
