Задать вопрос
djstanislaff
@djstanislaff
Начинающий веб-разработчик, верстальщик

Некорректно работает значение 1fr в свойстве grid-template-columns. В чем причина?

На сайте https://krupnov-nn.ru/ есть блок с id="owl_slider"
Карусель там отключена. Пытаюсь через панель разработчика отобразить её как display: grid; grid-template-columns: 1fr 1fr 1fr; но почему-то вложенные блоки считаются неправильно и им выставляется ширина 505px. При этом, если выставить grid-template-columns: repeat(3, 33.33%); то всё работает корректно.
Почему 1fr считается неправильно?
  • Вопрос задан
  • 458 просмотров
Подписаться 1 Средний 5 комментариев
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Так пробовали?
grid-template-columns: repeat(3, 1fr);
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы