Design comparison
Solution retrospective
I think the profile img isnt 100% rounded, not sure what i have to do...
Community feedback
- @OumlilLahoucinePosted 9 months ago
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 helpful0 - @Jithin-b-pPosted 9 months ago
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✨
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