Skip to content
Submitted over 4 years ago

Profile Card Component

Sibasish Sinha•125
@SibasishSinha
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Feedbacks are more than welcome. I still have some doubts with background-position. Kindly suggest me any easier way.

Code

Please log in to post a comment

Log in

Community feedback

  • Grace•32,130
    @grace-snow

    Hi, this whole card is positioned really strangely for me on mobile. I have to scroll down then its suddenly stuck to the bottom of the screen. And I can't see the background images on mobile (they are probably too big and positioned incorrectly for mobile)

    You may find my solution for this helpful as you learn: https://www.frontendmentor.io/solutions/profile-card-with-pseudo-backgrounds-and-accessible-list-577BPZiIm

    I hope that helps a bit. Don't worry about the :before / :after pseudo elements I used. The principle of how I positioned the bg images would work for background image positioning as well.

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