This is a solution to the FAQ accordion card challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
- No access to design files, attempt pixel-perfect
Users should be able to:
- View the optimal layout for the component depending on their device's screen size
- See hover states for all interactive elements on the page
- Hide/Show the answer to a question when the question is clicked
- Built with:
HTML
CSS
JS
- Mobile-first workflow
- Accessible accordion component for screen readers
Make sure you have Git and NodeJS installed in your system, open new terminal, run the following command:
git clone https://github.com/haquanq/fm-faq-accordion-card.git
Then, run npm install
to install all dependencies.
npm install
In terminal, run npm run dev
to start development server:
npm run dev