Submitted almost 2 years ago

Profile card component with html , css and bootstrap 5

@hsyigitoglu

A solution to the Profile card component challenge

Solution retrospective

Hello. I did it easily except the background images positions. I'm really hard worked on this background but I can't. Please can you tell me how i do this?

Code

Please log in to post a comment

Community feedback

Muhammad Saad•280

@Arman001

Posted almost 2 years ago

Hi Good Work!

You can use patterns in your background on the body as below:

background-color: var(--DARK-CYAN);
  background-image: url('../images/bg-pattern-top.svg'), url('../images/bg-pattern-bottom.svg') ;
  background-repeat: no-repeat, no-repeat ;
  background-position: right 50vw bottom 50vh, left 50vw top 50vh;

For further details you can check my repository. Age Calculator GitHub

Regards #Saad

Marked as helpful

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