Задать вопрос
@m1rvi

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

Мне нужно сверстать секцию с товарами
Если сделать такой css:
.section {
flex-wrap: wrap;
display: flex;
}
.item {
width: 300px;
margin-left: 10px;
}


То margin у items будет делать отступ справа у стенки section :/

Как исправить?
  • Вопрос задан
  • 78 просмотров
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
Eridani
@Eridani
Мимо проходил
.section {
flex-wrap: wrap;
display: flex;
margin:0 -15px;
}
.item {
width: calc(25% - 30px);
margin: 0 15px 30px;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@gru_boy
.section{
  display: flex;
  column-gap: 10px;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы