Как сверстать блок не по сетке?

Question

[elementorbox]

box__wrap выходит за контейнер и прижат вправо
нюанс в том, что 3 итем грубо обрезается

https://jsfiddle.net/2y8cwo96/2/

Comments

[Ankhena]

Вынести слайдер из контейнера.
Ведь, когда слайдер будут листать, то слева тоже будут половинки слайдов.

[elementorbox]

Ankhena, дать margin -left: auto ?
а с шириной блока как? в %?

[Pavel-ww]

Вообще-то box__wrap прижат влево к контейнеру, а вправо уходит переполнение. Из контейнера не надо ничего вытаскивать.

Совет - сначала подключите скрипт слайдера owl, slick или что вы там хотите использовать, и настройте его. Думаю, после этого от проблемы не останется следа. Такие проблемы решаются только в контексте скрипта слайдера.
И это вам вообще не нужно (по крайней мере пока не подключили слайдер, он сам сделает все как надо)

.box__wrap {
  display: flex;
}

Answer 1

[Антон Романков]

Как насчет того, чтобы сделать overflow-x: auto?
В вашем примере добавил

Вот, что получилось: скринкаст