This is a solution to the FAQ accordion challenge on Frontend Mentor.
This is my solution to the FAQ accordion challenge. It was built entirely with HTML, CSS and JavaScript.
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
Desktop solution
Desktop solution (active state)
Mobile solution (active state)
- Semantic HTML5 markup
- CSS custom properties
- JavaScript For styles
- LinkedIn - Alessandra Oliveira
- Frontend Mentor - @itsale-o
- Twitter - @itsale_o