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

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

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

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

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

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

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

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend developer (Верстка, JQuery)
Prime Partner • Москва
от 100 000 ₽
Верстальщик (VueJS components + верстка лендингов)
G-Plans
от 1 000 до 2 000 $
Middle Frontend Developer (JS/Vue.js)
Smart WiFi
от 1 700 $
Ещё вакансии
Заказы с Хабр Фриланса
Доработка смарт контракта BSC на Solidity
25 июл. 2021, в 01:32
10000 руб./за проект
Разработка сервиса доставки еды на Laravel ( бекенд )
25 июл. 2021, в 01:14
100000 руб./за проект
Система парсинга Вконтакте
25 июл. 2021, в 00:45
1500 руб./в час
Ещё заказы