Skip to content
Submitted almost 4 years ago

FAQ Accordion webiste, Mobile First approach, HTML, CSS and JS

Saurabh VR•320
@saurabh1996-rex
A solution to the FAQ accordion card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Feedbacks will be appreciated, provides motivation in doing better.

Code

Please log in to post a comment

Log in

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
  • Art•420
    @Art-wdt

    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

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