https://github.com/melvinaguilar/faq-accordion

This is a solution to the "FAQ accordion" challenge on Frontend Mentor challenges.
https://github.com/melvinaguilar/faq-accordion

Last synced: about 1 month ago
JSON representation

This is a solution to the "FAQ accordion" challenge on Frontend Mentor challenges.

• Host: GitHub
• URL: https://github.com/melvinaguilar/faq-accordion
• Owner: MelvinAguilar
• Created: 2023-12-09T05:32:44.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-11T17:25:20.000Z (over 1 year ago)
• Last Synced: 2025-01-22T11:11:17.134Z (3 months ago)
• Language: HTML
• Homepage: https://faq-accordion-hdez.vercel.app/
• Size: 664 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        




  

  
FAQ accordion solution

  


    Frontend Mentor Challenge

    


    


    View Demo

    ·

    Report Bug

    ·

    Request Feature

  





  

  

    

  

  

    

    

  




#



![](./design/desktop-preview.jpg)

This is a solution to the [FAQ accordion challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/faq-accordion-wyfFdeBwBz). Frontend Mentor challenges help you improve your coding skills by building realistic projects. 

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

## Author

- Frontend Mentor - [@melvinaguilar](https://www.frontendmentor.io/profile/melvinaguilar)

- Linkedin: Melvin Aguilar - [Linkedin: Melvin Aguilar](https://www.linkedin.com/in/melvinaguilar)