Submitted over 1 year ago

Responsive FAQ accordion solution

accessibility, animation, fresh, progressive-enhancement

Krishna Vishwakarma•1,390

@KrishnaVishwakarma1595

A solution to the FAQ accordion challenge

Preview Code

Solution retrospective

Hi, Mentors

Responsive FAQ accordion solution with animation. Please let me know your valuable comments on this.

The challenge

Users should be able to:

Hide/Show the answer to a question when the question is clicked
Navigate the questions and hide/show answers using keyboard navigation alone
View the optimal layout for the interface depending on their device's screen size
See hover and focus states for all interactive elements on the page

Built with

Semantic HTML5 markup
CSS Flexbox
Mobile-first workflow
Javascript
ScrollReveal For Animation

Keep Mentoring! Happy Coding

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Krishna Vishwakarma's solution.

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