Как сделать, чтобы ширина итемов всегда была одинакова независимо от количества?

Question

[towncitybr]

скролю (через тач) - слайды меняются
но в последнем ряде сбивается ширина ( если не хватает элементов для количества по 3 в ряд)

можно конечно через разметку добавить пустые дивы
но может есть вариант получше?

https://jsfiddle.net/jtw8fk60/1/

Answer 1

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

Чтобы слайдер нормально работал не надо переделывать слайды, надо внутри слайдов вставлять свои блоки и там их крутить как захочется. Но если уж очень надо навешать костылей, то в размере надо учитывать отступы:

.clients__box {
  outline: 1px solid red;
  margin: 0 40px;
  margin-bottom: 20px;
  width: calc(100% / 3 - 80px) !important;
}

Comments

[towncitybr]

Виталий Першин, имеется ввиду не использовать rows? но просто такая задача
на декстопе 3 ряда по 3 элемента (9)

на мобилке 2 ряда по 4 элемента (8)

или использовали б тут лучше гриды?

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

towncitybr, Имеется ввиду не переопределять стили слайда, слайдами делать пустые дивы, который слик добавит свои классы и стили, а внутрь пустых дивов добавлять уже свои блоки. Посмотрите этот пример, тут отступы у внутренних блоков, а не у слайдов https://codepen.io/get-web/pen/ZNrxvx