@wakenbyWork

Как заставить считать grid-gap в grid?

<div class="section-cases__grid">
  <div style="width: 100%; height: 300px; background: #000;"></div>
  <div style="width: 100%; height: 300px; background: #000;"></div>
</div>


.section-cases {
  &__grid {
    display: grid;
    grid-template-columns: 70% 30%;
    grid-gap: 20px;
  }
}


В итоге div выходит за границы:
Фотография

61af6760a7286472752597.png


Все из за того что в grid-template-columns все в процентах((
  • Вопрос задан
  • 49 просмотров
Решения вопроса 2
AndrewMarty
@AndrewMarty
HTML - верстальщик
Почему бы не задать не в процентах, а в частях?(fr).
Ответ написан
Комментировать
@klekovkinandrey
вы же задаете в процентах ширину, соответственно гап будет к процентам приплюсовываться
задавайте размеры в фракциях fr
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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