Задать вопрос
@Ivan_KL
html

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

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


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

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

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Каталог AI tools
18 апр. 2024, в 01:12
150000 руб./за проект
Загрузка характеристик из xml/csv файла в карточки товаров WordPress
18 апр. 2024, в 00:58
5000 руб./за проект
Нарисовать подарки для соц сети
18 апр. 2024, в 00:10
50000 руб./за проект
Ещё заказы