Задать вопрос
@f1ip

Как в грид сделать фиксированные элементы и задать gap?

Не могу разобраться как сделать так, что бы при изменении размера окна, блоки в гриде не растягивались до прямоугольников, а оставались квадратные независимо от размера экрана и картинки внутри блока не обрезалась.
Ставил фиксированные размеры в .flip-card-inner, блоки остаются квадратные но при адаптиве они все не по центру, а выравнивание идет по левому краю и при этом gap по ширине не равен промежутку по длине, они разные
как поправить? помогите пожалуйста
вот проект на codepen
https://codepen.io/homedist/pen/GRBdYQz
  • Вопрос задан
  • 47 просмотров
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Seasle
@Seasle Куратор тега CSS
- grid-template-columns: repeat(auto-fill, minmax(250px, auto));
+ grid-template-columns: repeat(auto-fill, 250px);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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