Skip to content
Submitted almost 4 years ago

Profile Card Component with HTML, CSS and Sass

IjenwabuchiIJ•30
@IjEmpire
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 had a problem using the svg files as background images. It would be easier if the svgs were just saved as .svg and not svg tags (<svg></svg). I would like to know how to solve this problem

Community feedback

  • tediko•6,680
    @tedikoPosted almost 4 years ago

    Hello, IjenwabuchiIJ! 👋

    Good job on this challenge! Im not sure what do you mean. You can use your bg-pattern-card.svg, bg-pattern-top.svg or bg-pattern-bottom.svg from design files in img tag or in css background property. You don't have to copy svg tag to your HTML. Upload missing svg's from design files and use them as src in img or url in background property.

    Good luck with that, have fun coding! 💪

    Marked as helpful
    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