![faq-accordion](https://private-user-images.githubusercontent.com/106565510/333602086-421b6539-c6a6-4cb1-aef4-7aecefa0c39a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ0NzA3NDQsIm5iZiI6MTcyNDQ3MDQ0NCwicGF0aCI6Ii8xMDY1NjU1MTAvMzMzNjAyMDg2LTQyMWI2NTM5LWM2YTYtNGNiMS1hZWY0LTdhZWNlZmEwYzM5YS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyNFQwMzM0MDRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wMTc2OGFmYTI5YjE0NGEzYzRkNzYyYWRjYzQ4YzhlMWQ1OGI3YTU4YTIwYmVjNmQxNDQwOGE2Y2JjM2MyYjFjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.-7vd7GuM-axputSnVyWAI_SoXJXQjDmlPo20czvZuKY)
This repository contains the files from the project FAQ Accordion, a challenge from the platform Frontend Mentor.
The objective is to build an FAQ accordion page, in order to practice HTML, CSS and JavaScript working with DOM manipulation. It was provided a previous Figma design and the idea was to reproduce the page visual aspects and functionalities.
The users should be able to:
โจ Hide/Show the answer to a question when the question is clicked;
โจ 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
faq-record-desktop.mov
Mobile