Skip to content
Submitted over 2 years ago

Profile Image using React and props

react, material-ui
Edmund Teo Chang Hao•50
@tartufu
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

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

Code

Please log in to post a comment

Log in

Community feedback

  • Shalini Anand•180
    @liniii31

    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.

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