Как убрать горизонтальный скролл CSS

Для того, чтобы убрать горизонтальный скролл на странице, необходимо выполнить следующие действия:

1. Убедиться, что ширина контейнера не превышает ширину экрана. Если контейнер шире экрана, то появляется горизонтальный скролл.
2. Установить свойство overflow-x: hidden; для контейнера, в котором появляется горизонтальный скролл. Это свойство скрывает горизонтальный скролл и не позволяет пользователю прокручивать страницу по горизонтали.

Пример:

.container {
  width: 100%;
  overflow-x: hidden;
}