FAQ accordion

Hi, I'm Sakti, This is my solution in this challenge.

In this challenge, the most difficult part was that I tried to make it pixel perfect without design files and applying semantic tags, where I was still confused about using the correct tags.

I added an animation when one of the accordion items is open, but there is a slight issue where the animation doesn't run when one of the accordion items goes from open to closed

Build, function or package i use:

🚀 Nuxt.Js

• This project was installed using Nuxt.js v3.9.0

🚀 Vue.js Some of the functions from Vue.js that I use in this project are :

• @click
• v-for,
• ref variables

🚀 HTML

• Semantic Tags

🚀 Sass/Scss

• Sass/Scss Variables
• CSS Flexbox
• CSS Animation with keyframes
• CSS Media Queries
• CSS Transitions
• etc.

Any tips, comments & suggestion are welcome