Resizing My image
How would I get my image to be the same height as the container (my image is also inside a div) as I start to shrink my screen. And can I get my image to not lose its width as I start to shrink my browser. It starts getting as thin as a pencil, is there a way to avoid that?
5 Replies
Can you send codepen?
So from my understanding you want your image to be the same size as your container and when the browser screen shrinks it says consistent to your container?
yes I want my image to fill in the remaining height of my container as the browser shrinks and addition to that not have my image lose its width as the browser shrinks
I apologize I have no idea how to do the whole codepen im learning it rn
You just copy the code from your file into https://codepen.io/pen/
You put everything inside the body into the HTML drawer, your css file into Css drawer and JS into JS drawer. Then save and paste the url to that page here
What are you using to put the div with text and div with image on the same row? Are you using grid or flex ?? If so remove the “align-items” property and the default value for align-items is “stretch” will which make the items stretch the height of the largest item in the container