@skuvaWeb

Горизонтальный скролл при использовании grid?

Начал учить гриды, вроде бы сделал элементарную сетку, но почему-то появляется горизонтальный скролл. Гугл не помог) Был бы благодарен за объяснение такого странного поведения
Codepen
  • Вопрос задан
  • 56 просмотров
Решения вопроса 1
monochromer
@monochromer
При процентном задании размеры рассчитываются без учета gap, поэтому лучше использовать fr-единицы
grid-template-columns: repeat(4, 1fr);
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
LenovoId
@LenovoId
what the fuck ?
Вы применяете статические величины а надо применять фракцию т.е : 1fr и указать в grid-template-columns: 1fr 1fr 1fr 1fr;

https://codepen.io/topicstarter/pen/vvdVWG я гриды не учил .... но примерно так

И кстати - отличное пособие по grid : уроки
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Deliver Москва
До 160 000 руб.
Smart Медицина Москва
от 120 000 руб.
Nordavind Москва
от 60 000 до 90 000 руб.
23 марта 2019, в 23:45
5000 руб./за проект
23 марта 2019, в 23:33
800 руб./за проект
23 марта 2019, в 21:08
1500 руб./за проект