Как удалить белое пространство на мобильном устройстве с помощью CSS?

Question

У меня есть баннер с изображением, к сожалению, когда я пробую отзывчивость в определенной точке разрыва, я получаю пробел,

Вот сайт, который я делаю: Проблема с пробелом

Я пытался

html,
body {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
}
* { margin: 0; padding: 0; } 
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
img{
    width: 100%;
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

что мне нужно сделать, чтобы избавиться от пробелов на моей странице, это раздражает, пожалуйста, помогите; (

Answer 1

В контейнере «marketing-main-page-context-повестки_elipse» у вас есть 2 элемента с абсолютными позициями: «elipse-top» и «elipse-bottom», которые дают контейнеру дополнительную ширину в зависимости от их «правильной» позиции, попробуйтеизменить свои свойства в адаптивном дизайне.

Answer 2

Не используйте % единицу в тегах body и html.Вместо этого используется блок vw, который обозначает ширина области просмотра .1vw равно 1% ширины области просмотра.Это означает, что вам нужно 100vw для html, body.

html, body {
    width: 100vw
}

Проверьте изображение ниже для лучшего объяснения.

Answer 3

Я потратил много времени, чтобы найти его.Но я думаю, что сделал.

.marketing-main-page-content_description-right p {
     width: 600px;
}

On line 305 style.css.Отмените это правило или напишите медиа-запрос.