Skip to content
Submitted about 2 years ago

Profile card component - CSS Grid and Flexbox

Virgile•150
@virgile-lab
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 didn't solve correctly the background positionning, any solutions ? Also i don't think i solved the card stats in a good way. Hope someone could help me !

Community feedback

  • ‪Bilal Salmi‬‏•250
    @BilalSalmiPosted about 2 years ago

    Hi Virgile , I'm new here , I have just seen your solution , your design is so good. for perfect background positionning I think you should set backgound-size: 100%. Keep it up!

    1
    Virgile•150
    @virgile-labPosted about 2 years ago

    @BilalSalmi Hi Bilal ! Thanks for your feedback ! Unfortunatly background-size: 100% does'nt solve the issue. However i put "cover" instead and change the position. I prefer the result. If you have another idea, I'm interested.

    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