Design comparison
Solution retrospective
Responsive Profile Card Component using Tailwind CSS
This is my solution for the Profile Card Component challenge.
The main idea behind this challenge is getting the positioning right in my opinion. The trick is to make the background SVGs absolute and position them according to the design. For the avatar picture, using a negative value for the margin was enough.
It was an interesting challenge.
Happy coding!
Community feedback
Please log in to post a comment
Log in with GitHub
Join 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