Skip to content
Submitted about 3 years ago

Profile card component

Andrei Minciuna•40
@AndreiM987
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

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

  • Md Ajmal Shadab•410
    @mdajmalshadabPosted about 3 years ago

    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

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