Свойство grid-row-gap

Определяет отступ между строками grid сетки

grid-row-gap: 15px;
  • поддерживается начиная с
  • частичная поддержка до
  • не поддерживается

Значения

grid-row-gap: 0;

Без указания отступа между строками grid сетки

<div class="grid-1">
    <div class="grid-1-col  bg-green">1 Колонка</div>
    <div class="grid-1-col  bg-red">2 Колонка</div>
</div>

<style>
    .grid-1 {
        display: grid;
        grid-row-gap: 0;
    }
    
    .grid-1-col {
        padding: 1rem;
    }
</style>
1 Колонка
2 Колонка
grid-row-gap: 15px;

Для указания отступа между строками grid сетки вы можете использовать любые единицы измерения

<div class="grid-2">
    <div class="grid-2-col  bg-green">1 Колонка</div>
    <div class="grid-2-col  bg-red">2 Колонка</div>
</div>

<style>
    .grid-2 {
        display: grid;
        grid-row-gap: 15px;
    }
    
    .grid-2-col {
        padding: 1rem;
    }
</style>
1 Колонка
2 Колонка

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии