Submitted almost 2 years ago

Profile Card Component

Putu Bajra• 195

@bajra03

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Profile card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Any suggestion for fix the background-position of the background-image?

Thank you.

Community feedback

Nemanja NIkolic• 270

@nmnjnklc

Posted almost 2 years ago

Hello @bajra03,

Try removing background properties from all media queries except general body css and this should work:

  background-image: 
                    url(./images/bg-pattern-top.svg),
                    url(./images/bg-pattern-bottom.svg);
  background-repeat: 
                    no-repeat, 
                    no-repeat;
  background-position: 
                    right 52vw bottom 35vh, 
                    left 48vw top 52vh;

Happy coding!

Putu Bajra• 195

@bajra03

Posted almost 2 years ago

Hi @nmnjnklc ,

Thank you for your advise, I will try!

Happy coding!

Please log in to post a comment

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