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 without using JavaScript

@elidrissidev

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


Technically I did use JavaScript but It was only to make sure only one answer is expanded and not for the accordion itself. I would love some feedback on what I can improve.

Community feedback

Melβ€’ 225

@Mel1207

Posted

Everything looks good in all screen size, I think you can add a smooth transition on collapsing accordion for better ux approach. Overall its amazing nice work! πŸ˜ƒ

1

@elidrissidev

Posted

@Mel1207 Thank you! Since I'm using the \<details\> and \<summary\> elements for the accordion, the downside is they can't be animated, but since I had just learned about them, I couldn't resist using them πŸ˜…

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