Не получается выровнять элементы на flex?

Question

[Ivan_KL]

Не получается выровнять на flex как надо. Нужно что бы в первой строчке было 4 элемента, а 3 переходили на следующую

Answer 1

[hzzzzl]

это добавить

.sheme-block__item {
  flex-basis: 25%;
}

.scheme {
    background-color: #f3f3f3;
    &-block {
        width: 20%;  <- это убрать? или зачем контейнер 20% от ширины страницы
    }
}

Comments

[Ivan_KL]

Пробовал. Получается 3/2/2

https://codepen.io/klypatskyy/pen/jONKZzo

[hzzzzl]

Ivan_KL, это потому что в названиях классов опечатка

<div class="scheme-block">
               <div class="sheme-block__item">

Answer 2

[Михаил]

1. Проверьте html код на корректность названий классов
2. ширина дается дочерним элементам во flex-container

Answer 3

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

Чтобы в одной строке помещалось 4 flex-элемента, укажите для этих элементов sheme-block__item базовый размер.
Например, flex-basis: calc(100% / 4)

P.S. Предполагаю, что у Вас опечатка в названии класса: sheme вместо scheme

Результат:
https://codepen.io/hisbvdis/pen/mdbKXgj?editors=1100