FAQ Accordion using html, css and JavaScript

Hi Jason 👋🏻.Well done. 👏 This challenge is a bit tricky, and I like the way how you approached it.

Just a humble suggestion. 😊

• Mobile version, doesn't look good, the card looks cut. Try to fix it.

• If it had to position the card I would use flex-box rather than position fixed.@media (min-width: 1200px).flex-container

• It would be much better if you use just classes in your CSS.

Happy Coding 🧑‍💻

Hello, Learn about flex-box or CSS-grid. I didn't look at the code fully but I see that you used position absolute with the top property of 60% it's a bad practice since if you open it on Ipad Pro it goes down and I can't see the whole block. You can easily center a block using these three properties: display: flex; align-items: center; justify-content: center;

Also, you don't have a tablet version of your website. It goes from desktop to mobile but should go from desktop -> tablet -> mobile You should learn more about responsive design.

Overall you did well, I also did and do many mistakes when I do PSD to HTML but we are learning and that's ok.