Skip to content
Submitted over 1 year ago

Responsive Profile Card Component using Tailwind CSS

Yacine El Hakim•90
@gityacine
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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