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

Question

[Валентин Попов]

Добрый день.
Я расположил элементы li через display: inline-block; Но мне надо чтобы у последнего элемента в каждом ряду справа не было отступа. Т.е я делаю отступ справа, а у последнего надо убрать.
Я знаю что можно использовать flex. Но мне хочется именно понять как через inline-block и убрать у последнего в ряду отсупы:


Вот код:
https://jsfiddle.net/70q6xh5d/

Comments

[Рома Зварич]

Валентин Попов , выложите пожалуйста на https://codepen.io/pen/ фрагмент кода, чтобы можно было на Вашем примере показать решение

[Валентин Попов]

Рома Зварич, я приложил код.

[Muslim Mamaev]

А не лучше центрировать всё это?

[Валентин Попов]

Muslim Mamaev, что центрировать, если по дизайну не они не должны по центру располагаться?

Answer 1

[Ulug]

Можете пытаться мучиться с инлайнами или сделать все быстро и без костылей при помощи flex-ов (всю верстку). Мне просто интересно почему flex-ы не хотите использовать?

Comments

[Валентин Попов]

Потому что боки эти у меня на мобильной версии перестраиваются в слайдер с одним показом в блоке и чтобы галерею не скрывать на десктопах, а на мобильно не писать код для слайдера я делаю перестроение этих блоков галереи в слайдер, так меньше кода выходит. А если я оберну все эти блоки во флех контейнер, то slick slider возьмет этот целый контейнер как один слайд

[Ulug]

Валентин Попов, а пробовали owl carousel?

[Валентин Попов]

Ulug, а какая разница какой слайдер?