Div sizing with images
Hi guys the first picture is on how i want it and the second page is on how it is. How can i change this. So its getting the right sizes.
https://codepen.io/Boeroe/pen/VwgYXxN


7 Replies
when i change the height the overal layout is good only then the image is to small

I think i need to give the image full size of the div but how do i do that
set the img itself to max-width: 100% and remove the height from the parent.
https://codepen.io/Boeroe/pen/mdvyQVv its not doing much
Anyone?
Set defined dimensions to the image
Or to it's parent and then set width 100%, height: auto
OR
Use grid, set 5 columns, the text section col span of 3, image col span of 2, image width 100% height auto
Or just ask chat gpt🤣
😂