profile-card-component-main

Community feedback

• Account deleted

  Hello, @nemesisaquib,

  • You can this code below to your Body Element

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

  • The code above is how I placed the background images on my solution
  • My solution to this challenge

  I hope this helps you

  0

  ---

  

  Nemesis•120

  @nemesisaquibPosted about 2 years ago

  hi @bccpadge thank you for tell me this i can fix that now 😊

  0
• 

  Festus Adeyemi•110

  @kalosFestusPosted about 2 years ago

  Hello @nemesisaquib and congratulations on completing this challenge! Great code and solution, I have the following suggestions concerning your questions:

  • Target the main tag or body in your css stylesheet and add the background property

  background: url("directory for the first image"), url("directory for the first image");

  • Then for each of the images add a no repeat and also position them with the bottom right property and top right property too for the images respectively.
  • You should also remove the text decoration at the bottom of the card on your Frontend Mentor and Nemesis. I hope this is helpful, happy codding

  0

  ---

  

  Nemesis•120

  @nemesisaquibPosted about 2 years ago

  @kalosFestus hi okay i got it thank you i fix this now

  0
• 

  Shalini Anand•180

  @liniii31Posted about 2 years ago

  Hi, when you use url() to attach image, use "background" property instead of "background-image"in your css. Hope this solves your problem a bit.

  0

  ---

  

  Nemesis•120

  @nemesisaquibPosted about 2 years ago

  @liniii31 oh i see that thanks a lot

  0