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

@AndreiM987

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 couldn't solve the background problem with the two circles. Any idea how can i solve the problem?

Community feedback

@mdajmalshadab

Posted

Hey nice work on the card! For the background you can do....

Add following CSS property inside your page body/main

background-image: url("url-1"), url("url-2) The two image urls separated by comma Next you can position it accordingly also seperated by comma for example....

background-position: left 10px top 10px, left 30px top 30px;

These numerical values are just for example, tweek it as it best fits. Keep coding!

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