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

Kehinde 660

@jonathan401

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 bit of a challenge making the background pattern responsive. Not sure my 'solution' to making the background pattern responsive was the best one. Would appreciate your feedback

Community feedback

@solvedbiscuit71

Posted

Hi, Jonathan

No, i don't think there is another way around it. since, the background image are big we are forced to use background-size and background-position to position accordingly.

But, it would be better if you use viewport vw units instead of px so it will be more responsive! Check out: my solution

Hope that resolves your question.

Marked as helpful

1

Kehinde 660

@jonathan401

Posted

@solvedbiscuit71 Thanks for that ☺️. I'll try to fix this as soon as I can

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