This is a solution to the FAQ Accordion Challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
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
I was unable to implement keyboard navigation for this project. I couldn't think of a good keyboard layout to use for input, and I couldn't think of the right way to use the keyboard to navigate and expand different sections. This is something I can revisit in the future. The largest display I have is 1920x1080 so I was unable to test for larger resolutions. As such, things are at my best approximation for where they should be.
.png)
.png)
.png)
- Solution URL: GitHub
- Live Site URL: GitHub Pages