Skip to content
Submitted 8 months ago

FAQ accordion using HTML and CSS

accessibility
leodev•480
@hangtime319
A solution to the FAQ accordion challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

This project made me practice accessibility and also some CSS features like the accordion.

What challenges did you encounter, and how did you overcome them?

The challenge was to perform the accordion without using JavaScript. CSS only.

What specific areas of your project would you like help with?

I would like more accordion styling tips.

Code

Please log in to post a comment

Log in with GitHub

Community feedback

  • P
    Nate Valline•420
    @nvalline

    Good job with this challenge! I am able to tab and navigate the app with my keyboard and everything is well labeled for accessibility.

    My only suggestion is that the sizing of the typography and spacing is a little small. It would be a better user experience and more accessible if you were to enlarge the type and spacing to an appropriate size for each device size.

    Cheers!

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