Responsive Profile card component using HTML, CSS & Flexbox

Community feedback

• 

  Roc Tanweer•2,500

  @RocTanweerPosted over 3 years ago

  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

  ---

  

  RIDUAN HOSSAIN NIAM•100

  @rhniamPosted over 3 years ago

  @RocTanweer

  I don't know that .😅😅

  Thanks again for your information.❤️

  0

  

  Roc Tanweer•2,500

  @RocTanweerPosted over 3 years ago

  @rhniam my pleasure 😊

  0
• 

  Roc Tanweer•2,500

  @RocTanweerPosted over 3 years ago

  Hello 👋 @Riduan

  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

  ---

  

  RIDUAN HOSSAIN NIAM•100

  @rhniamPosted over 3 years ago

  @RocTanweer Thank you for your help 😌. I updated my code. I tried so hard 😭 and it so frustrating.😅

  0

  

  Roc Tanweer•2,500

  @RocTanweerPosted over 3 years ago

  @rhniam Don't give up ☺️

  0