Skip to content
Submitted over 2 years ago

FAQ-ACCORDION-CARD SOLUTION USING CSS GRID & FLEXBOX

Duncan Kithinji•590
@duncan91-ops
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello Developers, Should the user have the ability to close all the questions or should one question always have the answer visible at all times? What are your thoughts? Thanks in advance.

Community feedback

  • bunee•2,020
    @buneeIsSloPosted over 2 years ago

    Hey! @duncan91-ops, Personally I feel like the user should be able to open and close all questions. I implemented this by setting a fixed height to the accordion and setting overflow: scroll. Here's what it should look like.

    Hope this helps :)

    Marked as helpful
    1
    Duncan Kithinji•590
    @duncan91-opsPosted over 2 years ago

    Hello @buneeIsSlo! Thanks for the amazing feedback. You solution is top notch and new.

    1
  • Hexer•3,660
    @EmmanuelHexerPosted over 2 years ago

    Great work overall man.

    1

Please log in to post a comment

Log in with GitHub

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