@Ivan_KL

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

Не получается выровнять на flex как надо. Нужно что бы в первой строчке было 4 элемента, а 3 переходили на следующую
  • Вопрос задан
  • 89 просмотров
Решения вопроса 3
hzzzzl
@hzzzzl
это добавить
.sheme-block__item {
  flex-basis: 25%;
}


.scheme {
    background-color: #f3f3f3;
    &-block {
        width: 20%;  <- это убрать? или зачем контейнер 20% от ширины страницы
    }
}
Ответ написан
notiv-nt
@notiv-nt
1. Проверьте html код на корректность названий классов
2. ширина дается дочерним элементам во flex-container
Ответ написан
Чтобы в одной строке помещалось 4 flex-элемента, укажите для этих элементов sheme-block__item базовый размер.
Например, flex-basis: calc(100% / 4)

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

Результат:
https://codepen.io/hisbvdis/pen/mdbKXgj?editors=1100
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
17 окт. 2019, в 03:16
37500 руб./за проект
16 окт. 2019, в 22:58
3200 руб./за проект
16 окт. 2019, в 22:43
3000 руб./за проект