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 webiste, Mobile First approach, HTML, CSS and JS

Saurabh VR 320

@saurabh1996-rex

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


Feedbacks will be appreciated, provides motivation in doing better.

Community feedback

Account Deleted

Looks ok, and it works. I think you should implement the 'one-tab-at-a-time' functionality because when you open all of them the bottom one ends up having no space and it get's hidden.

Marked as helpful

1
Art 420

@Art-wdt

Posted

Hey! Great job! I like it.

But what about keeping open only one question? Not all questions would be opened. Close previous, open new. The height will not increase.

Or you can use overflow:scroll;

I have completed this challenge. Maybe not as great as you are. I used jQuery.

Happy coding!

Marked as helpful

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