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 Image using React and props

@tartufu

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 having difficulties getting the 2 circle patterns to appear in the background. I have tried using position relative and then positioning them manually. But the bottom circle would overflow past the div content.

Using overflow:hidden globally would fix this issue but would also cut off the profile image

Community feedback

@liniii31

Posted

Hi, your background circles can be achieved by using the following in you css: background : url(path to background image ) and positioning of the same. Hope this helps.

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