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

@dianailan

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


Hi how can I make background pattern images to be responsive and become smaller with screen but don't change position relative to card?

Community feedback

@KristianDunne

Posted

Hi Diana,

You need to set the bg-patterns as the bodys background through CSS instead of using them as HTML img elements. Check out how I did it here:

https://github.com/KristianDunne/profile-card-component/blob/main/style.css

Hope this helps!

1

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