Design comparison
SolutionDesign
Community feedback
- @jen67Posted 10 months ago
Great job raufahamed You did great in coding this card challenge. However I noticed that your card image does not look balance. To balance it consider using this code snippet.
img{ max-width: 100%; display: block: }
and removing the width set to the on the .img
.img { border-radius: 12px; padding: 4px; width: 300px; //consider removing this line }
To learn more about responsive images you can also check out this website [w3schools] (https://www.w3schools.com/howto/howto_css_image_responsive.asp)
Keep up the fantastic work
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