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

@CrystalNyein

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


Please give me some feedbacks!

Community feedback

Manoj 245

@Manojraj07

Posted

Hey @CrystalNyein,

Design looks cool. I noticed that click events are set only on down arrows. I think we should be able to open up the answer when we click on question too. May be the challenge didn't describe all that :(

Happy coding!

Marked as helpful

0

@CrystalNyein

Posted

@Manojraj07 Oh yeah, when i test out, it seems fine though. But when i rechecked it , there is that issue. I'll fix that too. Thanks for the advice.

0

@CrystalNyein

Posted

@Manojraj07 Now I found out why. I had an accessibility issue and I change h3 to h2 but forgot to styles and js so ... it turns out like that. Thank you for pointing out.

0
Manoj 245

@Manojraj07

Posted

@CrystalNyein Now it works!

From my experience : Using 'display: none' hides and shows content fine, But the transition wasn't smooth. So I had to go with the alternatives.

Hope you will also use them in future projects. Not trying to find out only faults :)

Marked as helpful

0

@CrystalNyein

Posted

@Manojraj07 I'm not quite good at transition related. I'll check yours as reference. Thanks!

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