Design comparison
SolutionDesign
Solution retrospective
When it came to making the card responsive I had difficulty getting the image to take the height of its container. Giving the source element height property didn't work. It was after giving the container a height value did it fit, but that resulted in the image being stretched.
If you use the picture element how do you adjust the image in the source element to get desired results? If not how do you get your images to change when different screens require different images?
Community feedback
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord