Как сверстать такую карусель на css без js?

Question

[Константин Клубков]

Помогите пожалуйста сверстать такую карусель. Так чтобы отступ в конце карусели при прокрутке оставался, был таким же как слева


У меня получилось так
https://codepen.io/klubkov94/pen/WaXGwy

Answer 1

[Кристина]

.wrapper {
  display: flex;
  width: 800px;
  overflow-x: auto;
}
.scrolling-wrapper{
  display: flex;
  flex-wrap: nowrap;
  padding: 0 50px;
}
.card {
    width: 200px;
    height:200px;
    background: #ccc;
    margin: 0 10px;
  }

Answer 2

[profesor08]

Вставь в конец пустой элемент нужной ширины.

Comments

[hellcaster]

Выглядит как-то костыльно

[profesor08]

muryn.official, ну при прокрутке не учитывается отступ в конце. Поэтому только так. Можешь псевдоэлемент попробовать.