@s24344

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

Ребята, подскажите, пожалуйста. Как в данном случае, используя именно такую структуру, а также display: flexbox сделать так, чтобы при сжатии экрана не появлялся горизонтальный скролл (не используя на html или body overflow-x: scroll;). А также важно, чтобы не было отступов padding у обертки, т.е. не было отступов по бокам у viewport.
https://codepen.io/s24344/pen/xQEpOR
Важен именно момент, чтобы по бокам не было padding.5be83ea7cb9b0167572366.png
  • Вопрос задан
  • 84 просмотра
Решения вопроса 1
RiverMacaroon0
@RiverMacaroon0
Web Developer
.cards__list-wrapper {
  margin: 0;
}
.cards__item:first-child, .cards__item:nth-child(5n) {
  padding: 0 15px 0 0;
}
.cards__item:nth-child(4n) {
  padding: 0 0 0 15px;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы