Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Profile Card Component with HTML, CSS and Sass

@IjEmpire

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

P
tediko 6,680

@tediko

Posted

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
Discord logo

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