@skuvaWeb

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

Начал учить гриды, вроде бы сделал элементарную сетку, но почему-то появляется горизонтальный скролл. Гугл не помог) Был бы благодарен за объяснение такого странного поведения
Codepen
  • Вопрос задан
  • 54 просмотра
Решения вопроса 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 : уроки
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Spartan.by Минск
от 400 до 700 usd.
Alternativa Games Пермь
от 40 000 до 80 000 руб.
АМТ Екатеринбург
от 40 000 до 50 000 руб.
20 янв. 2019, в 22:33
30000 руб./за проект
20 янв. 2019, в 22:03
1000 руб./за проект