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
Request path contains unescaped characters
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

profile-card-component-main

@princechamp07

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


all feedback is welcome

Community feedback

Hyron 5,870

@hyrongennike

Posted

Hi @princechamp07,

Nice job on your first attempt of the challenge

I would suggest making the two svg's background images using before and after or setting the background images on the body directly you can add multiple background images see below background: url("images/bg-pattern-top.svg"), url("images/bg-pattern-bottom.svg"), hsl(185, 75%, 39%);

This is my solution. my solution

Also check the report above and fix those accessibility issues. Hope this is helpful.

Marked as helpful

0

@princechamp07

Posted

@hyrongennike can you also tell me how to align both background at different place 1st one on top left and 2nd on bottom right.

0
Hyron 5,870

@hyrongennike

Posted

@princechamp07 you'll have to just test different values until it looks similar, I've link my solution above you can use the developer tools to inspect and see which values I used.

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