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.
@ojaswishivam
Posted
Hey @patricksanto, for creating a circular border you can follow these steps:
.user .avatar border: 2px solid white;border-radius of 50 px border-radius: 50px;Happy Coding😄
Marked as helpful
@patricksanto
Posted
@ojaswishivam Thank you so much Ojaswi ! that's it
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
