Задать вопрос
izummm
@izummm
Заходите на сайт https://gifki.su

Как решить проблему со смещением макета и подогнать контейнер под размер картинки?

Доброго времени суток. Помогите с решением двух проблем, смещение макета при загрузке и не могу никак контейнер в котором находится картинка подогнать под размер, по высоте получается контейнер чуть больше.

На картинке ниже отступ, который надо убрать.
67c75c10a1be6468460630.jpeg

Тестовый сайт https://tatoo-hub.ru/
  • Вопрос задан
  • 114 просмотров
Подписаться 1 Средний 1 комментарий
Пригласить эксперта
Ответы на вопрос 2
smilingcheater
@smilingcheater
Потому что у вас высота ячеек привязана к гриду, и округление идёт вы большую сторону. Смотрите метод resizeMasonryItem в файле скриптов темы.
Ответ написан
Комментировать
victormayorov
@victormayorov
Frontend разработчик
Если не страшно, что по высоте/ширине какие-то картинки не много обрежуться, то можете сделать так:

.post-box__thumbnail {
  position: relative;
}
.post-box__thumbnail > img {
    top: 0;
    left: 0;
    object-fit: cover;
    position: absolute;
    vertical-align: middle;
    max-width: 100%;
    width: 100%;
    height: 100%;
}

Тем самым изображения займут все свободное пространство
67c81a6dad279222857265.png
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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