@wakenbyWork

Как сверстать такое на grid?

Есть такой макет:

Макет

6107bf2ec0975522604587.png


Знаю как сделать через auto-fit чтобы все карточки были одинакового размера:

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(304px, 1fr));
  grid-gap: 20px;
}


А как сделать как в макете?
  • Вопрос задан
  • 124 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Большим ячейкам задаете grid-column: span 2
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Mi11er
@Mi11er
A human...
На чистом вроде, для блока с 2мя ячейками
grid-column-start: 2;   
grid-column-end: 3;
Ответ написан
Ваш ответ на вопрос

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

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