Can anybody tell me why class col-1 img is not working fine in media queries | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

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

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

15th Jan 2022, 1:10 PM
Harshita Kumari
Harshita Kumari - avatar
7 Answers
0
.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
15th Jan 2022, 1:21 PM
NEZ
NEZ - avatar
0
ㅤㅤㅤ if I have to remove everything so what to write....
15th Jan 2022, 2:47 PM
Harshita Kumari
Harshita Kumari - avatar
0
Hey I meant remove the padding and margin-left/rights and make it responsive and let the rest be there. [edited]
15th Jan 2022, 4:05 PM
NEZ
NEZ - avatar
0
ㅤㅤㅤ But how I will place the image if I want it to right or left
15th Jan 2022, 4:10 PM
Harshita Kumari
Harshita Kumari - avatar
0
Harshita Kumari Where you want to place that image?It's in center, right?
15th Jan 2022, 4:29 PM
NEZ
NEZ - avatar
0
ㅤㅤㅤ it is on the left side on big screen
15th Jan 2022, 5:03 PM
Harshita Kumari
Harshita Kumari - avatar
0
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
15th Jan 2022, 5:06 PM
NEZ
NEZ - avatar