дак ты теперь перейди на котейку

ну шо за дела

у тебя кнопка назад не работает

.b-photo__image { display: inline-block; margin: 0 auto; height: auto; width: auto; max-width: 100%; max-height: 100%; object-fit: contain; }

а

.b-photo__image-wrapper { -ms-flex-positive: 1; /* flex-grow: 1; */ max-width: 100%; max-height: 100%; position: relative; display: flex; align-items: center; align-content: center; justify-content: center; }

ну шо за дела

дальше листай просто

вперед и только вперед

ну

Никого там не сжимает

сплющило его

http://prntscr.com/hzj8cc

вот

http://prntscr.com/hzj8ne

залей уже на гитхаб, сколько можно-то

всё четко

ж

b-photo__image-wrapper — должно быть display: flex, например.

а те не кажется что его плющит потому что ты 600 высоте смотришь?

max-width: 100%; max-height: 100%; на картинке.

у кого щас на десктопе вообще такой экран еп

я ж бросила Css, в чем проблема)

всё четко

попробуй сожми экран по вертикали

а те не кажется что его плющит потому что ты 600 высоте смотришь?

дак а на мобилке зачем такой кот?

сделай вот так

b-photo__image-wrap никаких display: flex нинужна

или как выше девушка тебе сказала

http://prntscr.com/hzj9qm сжала всё ок

Антон прав

ширину поменяй просто

какие - то проблемы у тебя

дичь

я ж бросила Css, в чем проблема)

забавно прозвучало)))

поигрался бы сам шоле со стилями

Рождественские вечера с Nikita

там ничего сложного

забавно прозвучало)))

че?))

че?))

?"бросил пить"

бросил css

?

))))))))))))))))))

ладно, я наркоман не обращайте внимание

короче получилось, как надия сказала

object-fit contain

нужно для img задать

ну и отличненько)))

Красава

только у него поддержка же херовая

без него можно сделать?

автопрефиксер в помощь

background

почему его разносит так то, что за треш

background

не подходит. смотри фишка в том что он збс пока не флекс

нех сжимать на 600 высоту

background

Два бурбона этому админу.

Я хз, что вы с этим img носились

семантика

background отлично позиционируется практически как угодно.

и картинки сохранять чтобы

ВК никогда по этому поводу не парились

как и лицокнига

и другие

.b-photo__image-wrapper { max-width: 100%; max-height: 100%; position: relative; text-align: center; }

.b-photo__image { display: inline-block; margin: 0 auto; height: auto; width: auto; max-width: 100%; max-height: 100%; }

и всё

хз что там у тебя

смотри

сильней еще сжимай

сейчас создам git

Надеюсь помогут

млин мне вот почему то сложно дается понимание всех этих max величин особенно 100%, вот какой смысл в max-height: 100% ?

http://prntscr.com/hzjfpk

высота 430

https://github.com/TryHardNinja/vk-img

надия ты умеешь пул реквесты делать?

я тебе звездочку поставлю

о спасибо

просто для image-wrap дал text-align: center :D

align-self: center

.b-photo__image-wrapper { max-width: 100%; max-height: 100%; position: relative; text-align: center; }

я сделал как ты, но теперь по вертикали надо

задай

ребенку

display flex

не работает, родителю мб?

а если родителю кот сжимается

капец кот проблемный какой-то

родителю тоже флексы и align items

час сидим не можем по центру его сделать ахаха