profile card component using flexbox

Community feedback

• 

  LetsFrontend•500

  @B1N4R1Posted over 3 years ago

  Hi Anosh,

  Great solution!

  You should change background-image: url('images/bg-pattern-card.svg') to background-image: url('../images/bg-pattern-card.svg') in the div.patternBG element, same with the rest of the images that won't load.

  Also instead of putting paddings and margins on the container to "center" the card, better to use flexbox. Try using less divs, like for example deleting div.box.

  Hope this helps!

  Cheers!

  Marked as helpful

  0

  ---

  

  Anosh Sohail•230

  @AnoshSohailPosted over 3 years ago

  Hi @B1N4R1 Thankyou so much for these tips. I'll try😊

  0
• 

  Carlos Guzman•285

  @guztrilloPosted over 3 years ago

  Hey Anosh. Make sure about the path of the background-image. I had the same problem using SASS, the image shows perfectly on localhost, but when I uploaded it doesn't show because of this. I fixed this changing the path.

  Marked as helpful

  0

  ---

  

  Anosh Sohail•230

  @AnoshSohailPosted over 3 years ago

  Hi @guztrillo I'll check this 😊

  0