Card Component With 3D 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



  • 0Accessibility

  • 0HTML

View Report

ApplePieGiraffe's questions for the community

Hello, everybody! πŸ‘‹

This was a fun, simple challenge which I enjoyed! I added a cool little (and surprisingly simple) 3d hover effect to the card component (thanks to Dev Ed, once again). πŸ˜†

And for those tricky background SVGs? I ended up using a combination viewport width and height units and percentages to have the SVGs subtly change their position when the screen is resized. IDK if they match the design exactly but they look okay! πŸ˜‚

Feedback is welcome and appreciated, of course! 😊

Happy coding! 😁

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!