Как убрать отступы по бокам у display flex?

Question

[Mesuti]

Привет!
Есть динамическое количество карточек на flex.
Отступы между ними задаются с помощью margin: 10px
Как убрать отступы по краям учитывая адаптивность и блоки будут складываться и их может остаться 1-4 шт
Есть вариант увеличить родителя отрицательными отступами типа margin: -10px, насколько этот способ будет правильным для верстки?

Comments

[Виталий Першин]

Все сетки построены на отрицательных margin так что все правильно

[Mesuti]

Виталий, спасибо за ответ. я думал отрицательные отступы это плохой тон

[Амир Алимжанов]

Ulgran Helmi, норм всё, я обычно еще оборачиваю список в какой-нибудь блок. А так можешь заморочиться и написать: item:first-child {margin-left: 0} item:nth-child(4n) {margin-right: 0}, но это гемор, потом надо на медиазапросах переопределять nth-child, (4n) - каждыц четвертый элемент

Answer 1

[Dyzz24]

Отрицательный отступ предка это костыль. Растащи блоки space-between'ом и не парься