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

FAQ accordion card using semantic HTML, CSS Flexbox and responsive.

@michel-moreira

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello guys!

This challenge was really hot, and I learned some good techniques.

In my local repository everything is fine, but when I uploaded it to github, both the down arrows and the box over the image disappeared without any explanation, I'm very confused.

If anyone can help me what's wrong, I'd appreciate it.

Community feedback

Tryt4n 940

@Tryt4n

Posted

Your source path is wrong. Go to your site and open the console then you find message :

Failed to load resource: the server responded with a status of 404 ()

It's because for example in your HTML your src tag look like this: src="./src/images/illustration-woman-online-mobile.svg"

Look how you linked your CSS files and compare with it. If you have any further problem let me know.

Marked as helpful

0

@michel-moreira

Posted

@Tryt4n Thanks bro, while investigating I finally found my flaw haha, I need to pay attention to those little things.

0

@michel-moreira

Posted

Corrections

It was just the path of the images that didn't match, already fixed!

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