Задать вопрос
@kaidos
верстка

Как разместить ярлыки как на картинке через flex?

Мне нужно разместить ярлыки как на картинке:

dgOFl6XhPtU.jpg?size=1920x1080&quality=96&sign=bad3a0068e57e9a68dd481bac9dd354e&type=album

У меня выходит вот так:

GlLs0GRIsvM.jpg?size=1920x1080&quality=96&sign=0b76842c29b2d1b68d4b4a1201afbcf3&type=album

Мой код ссылка на CodePen.
  • Вопрос задан
  • 52 просмотра
Комментировать
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 1
approximate_solution
@approximate_solution
JS Developer. Angular\React\Vue\Ember
Не надо мучить себя флексами. Флексы удобны когда - вы размещаете что-то по горизонтали, вертикали одномерно.

Видите "сложную" сетку - делайте гридом. Вся ваша разметка размечается строками grid-temlate-column, rows, areas, и настройками ширины.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Fullstack разработчик
indiweb • Санкт-Петербург
от 25 000 до 45 000 ₽
Frontend программист-разработчик
Максавит • Нижний Новгород
До 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо кластеризовать данные
07 мая 2024, в 15:10
1500 руб./в час
Спарсить данные. Python
07 мая 2024, в 15:07
1500 руб./в час
Интеграция JS + HTML в блок на Тильде
07 мая 2024, в 14:56
2000 руб./за проект
Ещё заказы