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

nanc 940

@naiiiden

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


There's big room for improvement

Community feedback

P
Jorge Maza 1,450

@jormazlop

Posted

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

@mlatka9

Posted

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
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