Skip to content
Submitted about 2 years ago

flex to arrange the stats, margin to center the profile pic,

Chyunjet•620
@Jetyun
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

  1. Can't replicate the background svg file to match the design. Used percentage, contain, cover on size, failed. Is the trick in the position of the svg file? I inserted 0% 0% position on top circle svg and 100% 100% on bottom circle svg.

Community feedback

  • r2•170
    @r2yoPosted about 2 years ago

    hi Jetyun, good work! I had the same problem I manage to fix by adding position absolute to my svg and working on % to fix it,

    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