Почему обрезается фото в слайдере?

Question

[Danya Wyse]

На мобильных экранах обрезается фото, почему так?

Вот сам слайдер https://iwyse.github.io/Zainoo/

Comments

[Ankhena]

Почему обрезается фото в слайдере?

Потому что не поместилось

В предыдущем вашем вопросе я писала, что нужно сделать.

[Danya Wyse]

Ankhena, Я попытался переделать на гридах, и высоту ограничивать. Бестолку.

[Ankhena]

Danya Wyse, не вижу

[Danya Wyse]

Ankhena, https://iwyse.github.io/Zainoo/ вот я щас упор сделал на изображение чтобы оно было по размерам окна, но оно уходит вниз, я не могу понять почему

[Ankhena]

Danya Wyse,

я не могу понять почему

Потому что геометрия.

Начните с того, чтобы красная рамка не выходила за экран, т.е. блок был нужного размера.
Можете поменять border на outline с отрицательным outline-offset.
Затем аналогично с внутренними блоками.

И если что, cover обрезает изображение.

[Danya Wyse]

Ankhena, border я сделал для примера, чтобы видна была проблема. Пробовал все варианты object-fit, поведение не меняется.

[Ankhena]

Danya Wyse, я понимаю, что для примера, но вы же видите, что он не там, где нужно.
Значит, начало проблемы очень далеко от картинки. Потому что картинка подстраивается под свою обертку. А та под свою и т. д.

[Danya Wyse]

Ankhena, подправил, даже на SE картинки влазят во весь экран https://iwyse.github.io/Zainoo/

[Ankhena]

Danya Wyse,

подправил, даже на SE картинки влазят во весь экран https://iwyse.github.io/Zainoo/

ну и хорошо