Задать вопрос
@vladislav997

Как сделать такой грид?

Подскажите, как сделать такой грид?
5f4f59cfa04c5099693433.png
  • Вопрос задан
  • 159 просмотров
Подписаться 2 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 2
hzzzzl
@hzzzzl
flex-basis первому на 100%, остальным на треть ряда

Ответ написан
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Родителю
grid-template-columns: repeat(3, 1fr);
grid-gap: 5px

Первому элементу:
grid-column: 1/-1;
либо через span, как хотите.

https://jsfiddle.net/vasm5p1w/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы