Design comparison
Solution retrospective
Does anyone know how to fix the weird gap between the avatar and its border?
Community feedback
- @LucianoDLimaPosted over 2 years ago
Gratz on completing this challenge!
I'm not sure what's causing that weird gap, however if you use
outline: .5rem solid hsl(0deg, 0%, 100%);
instead of border, then the weird gap goes away. Bear in mind border and outline work in a similar way, however border adds space (which means it can push things, it has a physical effect on your page), whereas the outline does not, the outline acts inside your picture only, so it won't affect the spacingMarked as helpful0@s0alkenPosted over 2 years ago@LucianoDLima I replaced it with an outline and it fixed the issue, thanks you so much, I appreciate your feedback!
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