Skip to content
Submitted over 3 years ago

Mobile first responsive profile card using CSS flexbox

Khazin•50
@khazin
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

I spend a lot of time to figure out how to position the background and make it responsive but I'm still stuck at it. Any help or tips would be much appreciated!

Community feedback

  • Malesela Kgobe•555
    @M-KgobePosted over 3 years ago

    Try using percentages to position it, To make it responsive you just have to adjust the @media query background-position in different screen sizes,

    And I realized that in the background-size you made it cover, perhaps that may be a problem, If I recall I used fixed values for the size

    Feel free to check out my css [here] (https://github.com/M-Kgobe/Profile-card/blob/main/stylesheet.css)

    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