Как убрать отступы у крайних блоков?

Question

[Cheizer]

Друзья, как решить простой вопрос, как прижать блоки к краям блока родителя? Как к левому и правому, так и кверху и книзу. У каждого блока есть отступ справа и снизу. И вот как прижать к краям родителя группу таких блоков, непонятно.

Есть вариант на flex сделать через justify-content: space-between; Но это не очень решение мне нравится и не решит задачу с верхом и низом. Думаю как то с отрицательным margin есть решение.



https://codepen.io/Cheizer/pen/gJMjRg

Подскажите пожалуйста решение! Плиииииииззззззз.

Comments

[Rustam Bainazarov]

А-ля:

[Cheizer]

Рустам Байназаров, Спасибо! Вы ответили к моей записи, не как самостоятельный комментарий, не могу отметить как решение, кнопки нет. Скопируйте на отдельный коммент.

Answer 1

[Andrey Vasilev]

https://codepen.io/anon/pen/MMzreo
через jc, но если item тебе менять нельзя, то это не подойдет.

Comments

[Andrey Vasilev]

Если что через css сможешь выбрать любой из элементов,
которые есть в порядке и им задавать нужные отступы через margin.
Можешь так же отойти от флексов к float'ам или вообще к position.

[Cheizer]

Andrey Vasilev, Andrey Vasilev, спасибо, но class в цикле будет, количество неизвестно, не подойдет, так то можно посчитать через nth-child(1)

Answer 2

[Сергей Романюк]

.slider-product-item:last-child {
margin-right: 0;
margin-bottom: 0;
}

Answer 3

[Renigon]

попробуй
.твой класс:nth-child(2n) {
margin-right: 0;
margin-bottom: 0;
}