the_lord_of_the_king
@the_lord_of_the_king

CSS Grid как сделать сетку?

koronanews.usite.pro
Как сделать, чтобы в гриде первые 9 областей были как сейчас, с минимальной высотой 250px, а 10-12 - с минимальной высотой 30px?
  • Вопрос задан
  • 375 просмотров
Решения вопроса 1
aliencash
@aliencash
Партизан
<div class="wrapper">
  <div class="item"></div>
  ...
  <div class="item"></div>
</div>

Без гридов:
.item {
  min-height: 250px;
}
.item:nth-child(n+10) {
  min-height: 30px;
}

На гридах:
.wrapper {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: repeat(3, minmax(250px, auto)) minmax(30px, auto);
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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