Skip to content
Submitted over 4 years ago

Profile Card Component Using CSS Positioning

Kingsley Agu•285
@didyouseekyng
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Good day everyone, I noticed I'm not the only one having issues with the background images, I've tried everything within my knowledge to get it fixed, but no way!! Please I need your help on fixing this issue, I anticipate your response as you review my code. Thanks

Code

Please log in to post a comment

Log in

Community feedback

  • Deborah Odion•10
    @Deborah-Odion

    Hello didyouseekyng,

    I noticed you commented out your footer element, probably because it wasn't positioning rightly. Semantically, the footer element should come outside the body element, except if you just decide to make it another div element. For this scenario, the footer element could still be used alongside the "flex-direction: column" properties.

    Also, the top image for the card, overflows into the profile picture. This could be solved by giving the profile picture a background color of white, so as to override the top card image overflowing into the profile picture.

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