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

Как растянуть колонку в css grid?

Привет!
Есть сетка grid, необходимо, чтобы при добавлении колонке своего класса (.large-col) она растягивалась как первая (в 2 раза больше). Но чтобы она оставалась на своем месте и не перемещалась.
.grid__row{
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: 330px;
}
.grid__col:first-child{
    grid-column: 1 / 3;
    grid-row: 1 / 3;
}
  • Вопрос задан
  • 1091 просмотр
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Seasle
@Seasle Куратор тега CSS
grid-column: span 2;
grid-row: span 2;
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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