Как с помощью css grid сделать флоу, где первые 2 элемента делятся на 2 колонки, а все последующие (кол-во заранее неизвестно) на 3?

как с помощью css grid сделать флоу, где первые 2 элемента делятся на 2 колонки, а все последующие (кол-во заранее неизвестно) на 3? Главное что хочу - обойтись одним контейнером у карточек
скрин примера
63999b16d4b42064538407.jpeg
  • Вопрос задан
  • 50 просмотров
Решения вопроса 1
MrDecoy
@MrDecoy Куратор тега CSS
Верставший фронтендер
Главное что хочу - обойтись одним контейнером у карточек



Кирилл, только одним, мне кажется, не обойтись, потому что в первой строке, на глаз, между элементами больше отступ пикселя на 2-4, чем между остальными. То есть column-gap разный.

И тогда всё же 2 грида.

Ну или первым элементам задать дополнительный margin - справа для первого и слева для второго.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Fragster
@Fragster
помогло? отметь решением!
Сделать два грида. Сделать один грид на шесть колонок и colspan.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы