Design comparison
SolutionDesign
Solution retrospective
I'm having some issues creating the Avatar's profile picture border, once the png is a square and all I want is creating a rounded border. trying to create a ::before circle content, 1px bigger than the img, and put it bellow , but this function didn't work for img elements .
Would be great to have some help here.
Community feedback
- @ojaswishivamPosted about 2 years ago
Hey @patricksanto, for creating a circular border you can follow these steps:
- Assign a border to your
.user .avatar
border: 2px solid white;
- Now give it a
border-radius
of 50 px border-radius: 50px;
Happy Coding😄
Marked as helpful1@patricksantoPosted about 2 years ago@ojaswishivam Thank you so much Ojaswi ! that's it
0 - Assign a border to your
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