I think the profile img isnt 100% rounded, not sure what i have to do...
@OumlilLahoucine
Posted
Hello, and thank you for sharing your solution!
For achieving a fully rounded image, you can eliminate the padding-bottom . And to introduce an empty space below the image, you may want to consider using the margin-bottom property. This way, the rounded image remains intact, and you have control over the space below it.
Good luck.
Marked as helpful
@Jithin-b-p
Posted
Hai Daniel, This is a nice approach to the solution.🎉
-Try border-radius: 9999px on image to get it full rounded(This value is also used by tailwind).
-Also use relative units(eg: rem) for font-size, paddings, margin etc instead of absolute units (eg: px)
Happy Coding✨
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
