Design comparison
SolutionDesign
Solution retrospective
All feedback is appreciated!
Community feedback
- @correlucasPosted about 2 years ago
πΎHello ASH, congratulations for your new solution!
I saw your preview site, you've done a great work here, the design is perfect.
The only thing missing is the component responsive, to reach the responsiveness you've to replace all
width
withmax-width
to allow the container to contract. Note that all the elements inside the container should havemax-width
.To make the image responsive and scaling with the container use:
img { display: block; object-fit: cover; max-width: 100%; }
π I hope this helps you and happy coding!
Marked as helpful0
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