CSS Auto Resize an Image Inside a Div Container

CSS Auto Resize an Image Inside a Div Container

#CSS #webdesign #webDevelopment

[drgblade]

Thankyou very very much i spend an hour to do this before watching your video.

[davi]

Thank you so much, I always used to struggle and spent some time to discover what is really the best solution to this image problem 😄

[NaranjaNad]

That 'max width' thing helped me a lot thank you so

[mrsilvadecals]

Nice video. Even if you don't apply the size of the div, with the img {max-width: 100%;} is good enough for the image to be fluid or resize depending on the size of the window or device width.

[stmobile]

short and straight to the point, thank you

[yourchoice]

thank you sir ...its help me more ....thank u very very much🥰🥰

[AkiHan._]

Thanks you so much but if you don't mind I want learn about logic behind this I mean why not with just height and width why after applying percentage it start working??? Why

[billisbro]

Great, short video! your explanation was clear and easy to follow (:

[mazuki]

it doesnt work. I want to make it a background image thats 700px of height and a width of 100% but when i copied ur vid my image didnt display 100% of its width

[CyberSnackss]

Nice! Although, I'm trying to round the photo now with border-radius but it doesn't seem responsive. Anybody have a solution?

[m]

Take into account that according to Google Lighthouse your images should already be the correct size to be displayed. Adjusting the size client side will result in points being deducted.

[kazim]

Can you make a resizable rectangle in css and it should at the same time display the size in inches
Let me know please
Thanks

[deepaksinghlodhi]

sir let we have to take image height 500px but image height not more than 200px how to solve it with out using min-width in div and image please tell sir i m new in this field