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 SOLUTION USING CSS GRID & FLEXBOX

@duncan91-ops

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


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

@buneeIsSlo

Posted

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

@duncan91-ops

Posted

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

1
Hexer 3,660

@Phalcin

Posted

Great work overall man.

1

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