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

Как сверстать 8 элементов в 2 ряда на flexbox?

Есть 8 элементов, которые располагаются в 2 строки (по 4 элемента в каждой). Все одинаковой ширины (270px) + расстояние между ними в 20 пикселей.
Как правильно сверстать на flexbox чтоб при адаптиве было все красиво?
  • Вопрос задан
  • 4354 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
hisbvdis
@hisbvdis
Сверстал для Вас пример макета.
Надеюсь, правильно понял вопрос.

Точки переходов можете сами подобрать.
Если есть дополнительные вопросы или я что-то неправильно понял, пишите

https://codepen.io/hisbvdis/pen/wVvVvw

Ответ написан
4 комментария
4 комментария
Пригласить эксперта
Ответы на вопрос 1
profesor08
@profesor08 Куратор тега CSS
Два ряда по 4, 4 элементов
Три ряда по 3, 3, 2 элементов
Четыре ряда по 2, 2, 2, 2 элементов
Восемь рядов по одному элементу
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Фронтер - DevOps. Развернуть фронт на хостинге. Прокинуть в телегу-бот
25 апр. 2024, в 04:38
15000 руб./за проект
Приложение или модуль для Wordpress для учета поездок по QR
25 апр. 2024, в 03:58
10000 руб./за проект
Ошибка в 1с при выгрузке товаров на сайт на Битриксе
25 апр. 2024, в 03:08
3000 руб./за проект
Ещё заказы