I wanted a fully responsive layout incase the height of the text blocks changed in the future (future proofing). However, the height of the img kept exceeding the height of the text content container. I wrote some JS to handle this by getting the size of the text content container and applying it to the image.
Did anyone else struggle with something similar?
Great work. Although I didn't have the same issues as you did, I suggest setting a height and width to your "product-image-container" and using a background image instead of a regular img tag. That's what worked for me.
And also try adding a font family property to your button so that it matches the design.
Hello mentors, this is my day 3 of learning HTML and CSS and i've made this. Eager to receive your kind feedback.
Great job. This looks good and it shows great initiative as a beginner. Also, try fixing the HTML and accessibility issues on your report
