Can anybody tell me why class col-1 img is not working fine in media queries

Question

https://code.sololearn.com/WPtCPRY6sk3b/?ref=app

Answer 1

.col-1 img{
width:250px;
margin-left:590px;

}

edit]: one more thing:
.col-1 img{
width:250px;
padding:0 90px;
}

remove it too...

You have given these specs to the col-1 img so that's why it has gone too left, remove them and dp the rest.

Note: don't use margin-left/right

Answer 2

ㅤㅤㅤ if I have to remove everything so what to write....

Answer 3

Hey I meant remove the padding and margin-left/rights and make it responsive and let the rest be there.

[edited]

Answer 4

ㅤㅤㅤ But how I will place the image if I want it to right or left

Answer 5

Harshita Kumari

Where you want to place that image?It's in center, right?

Answer 6

ㅤㅤㅤ it is on the left side on big screen

Answer 7

Well I have edited your code (only the image part), I hope the problem has solved?

edit]: you can also give your image these dimensions:
width: 80% or 90%; just as you wish

https://code.sololearn.com/WCg7pUoONTwa/?ref=app