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

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

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


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

Как исправить?
  • Вопрос задан
  • 80 просмотров
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 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;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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