Design comparison
SolutionDesign
Solution retrospective
How to remove the extra pink line in the img part of the design .
Community feedback
- @0xabdulkhaliqPosted over 1 year ago
Hello there 👋. Congratulations on successfully completing the challenge! 🎉
- I have other recommendations regarding your code that I believe will be of great interest to you.
iMAGE 📸:
- "How to remove the extra pink line in the img part of the design ?", We can quickly resolve it by fixing the incorrect
height
to theimg
element which helps to span the image across the entire container, this will allow us to get rid of the pink line
- Just add these css rules to your css file
img { width: 100%; object-fit: cover; height: 100%; }
- Now the issue has been resolved
.
I hope you find this helpful 😄 Above all, the solution you submitted is great !
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