Design comparison
SolutionDesign
Solution retrospective
This is my 8th challenge.
So far I dont encounter problem with this challenge aside that the image does not take the entire space of a container. But it seems the problem lies with setting the height to auto.
so for this case, I set the
- height : 100% ( 100% of the parent div)
- width : 100%
- object-fit : cover ( i did this to make the image responsive)
- flex-basis: 50% both from the image section and the bottom-section so that it shares an equal width.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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