Profile Card Component (Desktop First)

Community feedback

• 

  Roc Tanweer•2,500

  @RocTanweerPosted over 3 years ago

  hello there ☺️ @E.N.M

  I really had a hard time doing this challenge..!

  I felt frustrated about the background 😅 but after researching and learning, I did this...

  background-image: url(../Images/bg-pattern-top.svg),
  url(../Images/bg-pattern-bottom.svg);
  
  background-position: 
  bottom 40vh right 48vw,
  top 50vh left 48vw;
  

  Hope it helps 😉 and happy coding

  1

  ---

  

  Roc Tanweer•2,500

  @RocTanweerPosted over 3 years ago

  @RocTanweer it's basically same as putting an image as a background but here in this case I am putting two images as background-image and positioning them as you can see...

  Remember to use 'vh' and 'vw' as units for height and width and not px, rem or em for responsive purpose

  Good luck 😃

  1

  

  E.N.M•70

  @EN-MPosted over 3 years ago

  @RocTanweer Thank you so much for your feedback! I really appreciate it. I will try to improve my code and update it. thx again

  0

  

  Roc Tanweer•2,500

  @RocTanweerPosted over 3 years ago

  @EN-M My Pleasure 😊

  1