Skip to content
Submitted over 3 years ago

Profile Card Component with HTML, CSS and Sass

Jed Salmon•100
@Jed-Salmon
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

Is there a better way to apply the background circles and make them responsive?

I thought they looked fine while previewing the results in the browser, but the design comparison slider clearly shows I have done something wrong...

Community feedback

  • drallas•375
    @DrallasPosted over 3 years ago

    Hello Jed

    I think it's better to apply the background circles using background-image: url(./images/bg-pattern-top.svg), url(./images/bg-pattern-bottom.svg); directly in CSS.

    You can find my solution on my GitHub. https://github.com/Drallas

    I hope it helps!?

    1

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