Profile Card using React and Styled Components + Animation

Solution by
Desktop design screenshot for the Profile card component coding challenge
This is a solution for...

Profile card component

View Challenge

Design Comparison



  • 1Accessibility

  • 0HTML

View Report

Jose Truyol's questions for the community

Hey guys 🎉!

I just finished a new challenge! This time I used pixlr to try to get a pixel-perfect solution. Maybe next time I will try Figma 😎

In this solution, I started to experiment with CSS3 animations, so I added a little fade-in + slide-in animation to the Card component!

Let me know if you see something off. Any feedback will be appreciated.

Slack logo

Join our Slack community

Join over 80,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!