Показать сообщение отдельно
  #2 (permalink)  
Старый 11.11.2018, 18:46
Аватар для MC-XOBAHCK
Профессор
Отправить личное сообщение для MC-XOBAHCK Посмотреть профиль Найти все сообщения от MC-XOBAHCK
 
Регистрация: 06.08.2017
Сообщений: 473

Сообщение от s24344
сделать так, чтобы при сжатии экрана не появлялся горизонтальный скролл
Убрать фиксированную ширину контейнера вот тут:
.cards__container {
  /*max-width: 1200px;*/
  width: 100%;
  margin: 0 auto;
}

или если всё таки нужно 1200px, то через медиа запрос:
@media screen and (max-width: 1999px) {
    .cards__container {
        width: 100%;
    }
}


А скрол из за этого появляется:
.cards__list-wrapper {
  margin: 0 -15px;
}

отрицательный уместен если у верхней обвёртки есть падинг, чтобы сделать на всю ширину.
Сообщение от s24344
Важен именно момент, чтобы по бокам не было padding.
падинг - это внутренний отступ. Что вы хотите, не совсем понятно.
Ответить с цитированием