Skip to content
Submitted almost 3 years ago

FAQ accordion card

nanc•940
@naiiiden
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

There's big room for improvement

Community feedback

  • Jorge Maza•1,830
    @jormazlopPosted almost 3 years ago

    Hello! The first improvement that comes to mind is to add 'cursor: pointer' style in the titles of each section, but otherwise it is quite good, congratulations!

    Marked as helpful
    0
  • Mateusz Łątka•300
    @mlatka9Posted almost 3 years ago

    Nice solution. Look at <details> tag in HTML. Its gives all functionality you need and also deliver accessibility for free. for free https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

    Marked as helpful
    0

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