Skip to content
Submitted about 2 years ago

Profile Card Component

RobinPionnier•30
@RobinPionnier
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello everyone, This project took me about an hour. I've had some trouble with making the profile picture in between the two components of the card. I've found the solution to tranlateY it but I was wondering if there was a better idea. Any feedback on this topic or about my code would be very appreciate.

Code

Please log in to post a comment

Log in

Community feedback

  • Jeje•2,050
    @AkoToSiJeromeEh

    Hi! Great work out there! I just want to share my idea on how to position the profile image using CSS properties position: absolute and position: relative. This approach is really effective for this kind of challenge. You can add position: absolute to the profile image container and position: relative to the image-cover . And that's all! I hope this helps and works. Happy coding!

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