Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

profile card component using flexbox

Anosh Sohail• 230

@AnoshSohail

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Please help me. I don't know why pictures are not showing up after I upload it to GitHub.

Community feedback

LetsFrontend• 500

@B1N4R1

Posted

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

@AnoshSohail

Posted

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

0
Carlos Guzman• 285

@guztrillo

Posted

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

@AnoshSohail

Posted

Hi @guztrillo I'll check this 😊

0

Please log in to post a comment

Log in with GitHub
Discord logo

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