Skip to content
Submitted over 3 years ago

profile card component using css grid

Charlie•360
@Charlie025x
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

My card's blue svg won't load on github pages, I tried removing the '/' and adding quotation marks around the svg's url in the css, none of the variations worked on github pages. Any ideas would help. Oddly the circle svg does load on github pages, however I'm having trouble positioning it.

Community feedback

  • Yashasvi Singh•890
    @aUnicornDevPosted over 3 years ago

    Use background-image: url(./images/bg-pattern-card.svg);. It will work.

    For the circlr svg, keeping there position relative in the <body>and keep them in the top left and bottom right corners

    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