Как задать height для фото?

Question

[Dmitriy]

При разрешении больше 1200рх

При разрешении меньше 1200рх

Фото находиться в right-coll
Стили:

.right-coll {
    float: right;
    width: 76%;
    margin-left: 1%;
}
.slick-list.draggable{
height: 274px;
}
/* Выставляет сам эту высоту*/
.slick-track{
 width: 685px;
/* Выставляет сам эту длинну*/
}
.img {
    max-width: 100%;
    height: auto;
}

Как сделать чтобы при разрешении меньше 1200рх, фото было на всю высоту, как на фото, при разрешении больше 1200рх

Answer 1

[Антон Р.]

Погоди, секундочку, у тебя получается не на всю высоту только лишь по той причине что у тебя левое меню удлинняется за счет того что некоторые названия категорий становятся в две строчки, с картинкой всё в порядке, это меню у тебя расползается вниз. И как ты хочешь разместить картинку на всю высоту если у тебя слева и справа она уже зажата ограничениями макета? Тупо растянуть вниз? Не красиво.
Подумай как левое меню оптимизировать чтобы оно не вытягивалось по высоте.

Comments

[Dmitriy]

как это можно сделать?

[Dmitriy]

Антон Р., спасибо за подсказку, решил

[Антон Р.]

dmitriyuvin, менять размер шрифта например в зависимости от размеров экрана.

Как решил в итоге?

[Dmitriy]

Антон Р., padding уменьшил

[xonar]

dmitriyuvin, Ответ не по теме, но используйте flexbox вместо float флексы не такие сложные как кажется.