Skip to content
Submitted over 3 years ago

flexbox/background properties/hover

MaryF•350
@Janselin
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

In this case, the background was a challenge! i would love your opinion and feedback.

I also added a hover on the profile pic, this wasn't included on this project but i wanted to practice with it and I thought it would be nice!

Community feedback

  • Aleksa Mitrović•150
    @1aleksaPosted over 3 years ago

    You have everything in your code, you just added words top, left, bottom, right in the background-position (which was unnecessary). Remove the words and you will see it work.

    https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

    Marked as helpful
    0
    MaryF•350
    @JanselinPosted over 3 years ago

    @1aleksa thanks a lot!

    0

Please log in to post a comment

Log in with GitHub

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