Почему фоновая картинка полностью не помещается в блоке?

Question

[Norum]

Как сделать так, чтобы фоновая картинка выглядела как на макете? Проблема в том, что в макете на фоновой картинке ноутбук видео полностью, а у меня он почему-то обрезается. Как исправить?

Сам сайт ilini0v1.beget.tech
Код https://jsfiddle.net/fk17hsvx/

Answer 1

[Павел Грузных]

Не обрезается, а просто не помещается на экране, смотрите, у вас справа скролл появился, потому что содержимое по высоте не влезло в экран. Если вы хотите, чтобы всё содержимое .main поместилось на экран, задайте для .main высоту в vh

.main {
height: 90vh;
}