S
S
Sergo Zar2021-06-06 20:38:38
css
Sergo Zar, 2021-06-06 20:38:38

Why is the picture not scaling on large screens?

I'm trying to adapt the page and have almost completed everything, but the picture on the page goes beyond the block when the screen width is more than 1360px

screenshot
60bd03e5f1384215682118.png


Uploaded code to codepen


The picture is located on line 90
<img class="_0bu" src="https://sergo-zar.dev.zkelo.ru/_/1/www.key-axioms-business.kryvoruchko.com/0BE.jpg"/>

In css on :
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; 
    }
/* код */
}

The lines indicate the styles for the image.
What am I doing wrong?

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question