Design comparison
Community feedback
- @Airme1Posted about 1 month ago
Although not pixel-perfect, it looks good.
The right side of the card can be corrected, you can add equal padding to the right as you added to the left.
Also, I can see that you have not made any modifications to your README or README-template, it's good you get acquainted with doing that. The benefits are not just for others but for you as well.
I can see what you were trying to do here
picture img{ height: inherit; width: auto; border-radius: 10px; }
the <img/> element is not a block level element, so if you intend using:
width: auto
you have to set display to:
display: block
Also, you can check Kevin Powell's YouTube videos to understand how to work effectively with images in CSS.
Keep building, keep debugging, keep growing, keep learning!
0
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