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 CSS only

P
Karol 210

@CharlesSquirel

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 am not sure, if my svg circles should be in this place in HTML structure.

Community feedback

P

@CharlieCastleWeb

Posted

Hi Karol! Good work keep it up!

In my opinion these circles are not important information in the page, but a design decision. So I think that they should not be implemented in the html file, but as a background in the css as follows:

body { font-family: 'Kumbh Sans', sans-serif; background: url("./images/bg-pattern-top.svg"), url("./images/bg-pattern-bottom.svg");

Also I think that the position of the card could be improved, to be more accurate to the design.

Let me know if you need any more information or doubts!

Marked as helpful

0

P
Karol 210

@CharlesSquirel

Posted

@CharlieCastleWeb but which selector should i use to positioning the background url?

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