TIt works as expected, when the image is very wide, it will cut off top and bottom to prevent stretching as the screen gets even smaller, it cuts off the sides instead to prevent stretching. when this happens depends on the aspect ratio of the image.
If you don't want it to cut off anything, you can set instead of . This means the width will be 100% and the height will be undefined
If you don't want it to cut off anything, you can set instead of . This means the width will be 100% and the height will be undefined
Tbut you shouldn't set width:100%; on a div, div are block elements, block elements takes full width by default, setting width:100%; on a div is only going to cause overflow issues
TYouTubeKevin Powell
A look at the difference between width: auto and width: 100%
#css
--
Come hang out with other dev's in my Discord Community
https://discord.gg/nTYCvrK
---
Keep up to date with everything I'm up to
https://www.kevinpowell.co/newsletter
---
Help support my channel
Get a course: https://www.kevinpowell.co/...
#css
--
Come hang out with other dev's in my Discord Community
https://discord.gg/nTYCvrK---
Keep up to date with everything I'm up to
https://www.kevinpowell.co/newsletter---
Help support my channel
Get a course: https://www.kevinpowell.co/...
RIt does not work this way somethings wrong
RI need to define the height in that case
RDefining height is creating a lot of white space and making text up and down
CAspect ratio may be a better property then height
TYeah, i agree with clevermissfox, if you set an expect ratio of the div, the height will be adjusted automatically based on the width. You can check the aspect ratio of the image itself in the devtools.
So you can set on the div
So you can set on the div
T