Как в flexbox контейнере показывать только 12 блоков, остальные прятать?

Question

[Алексей Скляров]

Задача: в блоке нужно выводить только 12 блоков, вне зависимости от количества этих блоков.
Собственно есть сам контейнер с блоками шириной 100% / 12, но если этих блоков больше 12, все равно они показываются все, при этом ширина уменьшается, как можно решить проблему?

.won-items {
  &__carousel {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    .won-items__item {
      position: relative;
      width: calc(100% / 12);
      text-align: center;
      height: 68px;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
}

Answer 1

[Владимир]

flex-shrink
https://css-tricks.com/snippets/css/a-guide-to-flexbox/