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

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

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

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

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

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

Мой код ссылка на CodePen.
  • Вопрос задан
  • 55 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • UPROCK.SCHOOL
    Webflow-разработчик: создание сайтов без кода
    4 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
approximate_solution
@approximate_solution
JS Developer. Angular\React\Vue\Ember
Не надо мучить себя флексами. Флексы удобны когда - вы размещаете что-то по горизонтали, вертикали одномерно.

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

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

Похожие вопросы
Вакансии с Хабр Карьеры
Web-разработчик/WordPress программист (Full-stack)
JustBusiness • Санкт-Петербург
от 130 000 до 150 000 ₽
Фронтенд разработчик (Frontend developer)
Айдис
от 100 000 ₽
Оператор 1-я, 2-я линия техподдержки (поддержка клиентов)
MYRTEX
от 40 000 ₽
Ещё вакансии