Skip to content
Submitted over 2 years ago

Profile Card

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

Solution retrospective

Hello,

could you please help with profile picture positioning and responsivity? I just could not keep it on place when resizing windows.

Also I could not set the background

Thank you in advance!

Code

Please log in to post a comment

Log in

Community feedback

  • Eugenia•950
    @JaneMoroz

    Hey! Your solution to this challenge is great! 💪

    I looked at you code. So I'd advice to remove position:absolute; from profile-picture and margin-bottom: 4rem; from top-background and then just add transform: translateY(-50%); to profile-picture.

    Keep it up! And good luck 🍀

    Marked as helpful

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