Request path contains unescaped characters
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 with HTML, CSS and JS

@PaliTriesToDesign

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


When you click a question the image goes down. I know the solution might be easy but I couldn't figure it out by myself, which is annoying.

I'd really appreciate any help. c:

Thanks!

Community feedback

Shashree Samuelβ€’ 9,260

@shashreesamuel

Posted

Hey good job completing this challenge

Keep up the good work

Your solution looks great however I think that the card is missing a subtle box-shadow using box-shadow.

I hope this helps

Cheers Happy coding πŸ‘

1
Kofi Quistβ€’ 280

@GuyTito

Posted

Good job on this challenge.

You are having this problem because there are 3 elements inside the section element which is a flex box. For this challenge, you will want to have only two divs inside the the section element so that you have images in one div and the questions in another like a classic hero or banner on a landing page.

To solve your issue, move the card box image into the same div with the woman-desktop image.

1

@PaliTriesToDesign

Posted

@GuyTito Thanks for the help!

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