Нежелательная горизонтальная прокрутка в CSS Grid

Question

Я работал над созданием аналогичной настройки изображения, как здесь: https://readcereal.com/category/travel/ с использованием сетки CSS, и я постоянно сталкиваюсь с одной проблемой - горизонтальной прокруткой.Я использую Bootstrap для панели навигации.Это выглядит как на прикрепленном изображении.Кто-нибудь может понять, почему это происходит?Я пробовал так много разных комбинаций CSS-сетки, и это никогда не работалоИзображение: https://i.stack.imgur.com/7UwjN.png

Answer 1

У меня есть действительно простое решение для этой проблемы

.row{
  width: 100%;
 }

Это будет работать только для начальной загрузки ... Вы можете попробовать это.

Answer 2

Возможно, вам следует обернуть изображения внутри контейнера изображений, а затем установить для контейнера максимальную ширину: 900 пикселей или в зависимости от того, какую максимальную ширину вы хотите.