Sergomen
@Sergomen
Просто делай добро и оно вернётся

Почему не масштабируется картинка на больших экранах?

Я пытаюсь адаптировать страницу и уже почти всё доделал но картинка, на странице, выходит за блок при ширине экрана больше 1360px
скриншот
60bd03e5f1384215682118.png


Код залил на codepen


Картинка расположена на 90 строке
<img class="_0bu" src="https://sergo-zar.dev.zkelo.ru/_/1/www.key-axioms-business.kryvoruchko.com/0BE.jpg"/>

В css на :
178
._0bu{
    /*max-height: 403px;*/
    height: 403px;
    float:right;
    margin: 10px 10px 0px 10px;
}

281
@media screen and (min-width:1360px){
/* код */
    ._0bu{
        max-height: 403px;
    }
/* код */
}

296
@media screen and (min-width:1700px){
/* код */
    ._0bu{
        /*max-height: 5%;*/
        /*position: relative;*/
        height: auto !important;
        margin-top: 10px; 
    }
/* код */
}

строках указаны стили для картинки.
Что я делаю не так?
  • Вопрос задан
  • 59 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы