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?
No description
5 Replies
Matt
Matt9mo ago
Can you send codepen?
RMON
RMON9mo ago
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?
JJ
JJ9mo ago
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
clevermissfox
clevermissfox9mo ago
You just copy the code from your file into https://codepen.io/pen/
clevermissfox
clevermissfox9mo ago
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
Want results from more Discord servers?
Add your server