I’m trying to work up a design comp page with Bootstrap (side project, possible Tribute page) and I’m having a bit of a tough time setting a child div with an image to resize proportionally to the height of it’s parent div.
If you look at the colored blocks image on the left side of the page, I’d like to have this div and image resize their height proportionally to match their parent container div when the page is resized. Currently the overflow for the container div is set to hidden so the full colored blocks image isn’t being shown. I like how the rest of how the page is resizing for smaller viewports but unfortunately I’ve hit a road block with the resizing of this image.
After working on this for several days recoding it in various combinations and doing the Google research dance I’m starting to think that there probably isn’t an easy way to achieve this with only using CSS. Any direction or suggestions that anyone can give would be greatly appreciated.