Responsive Faq Accordion using TailwindCSS

What are you most proud of, and what would you do differently next time?

Animations when clicking on the button for each faq to collapse the paragraph, which smoothly drops down.

Also clicking on the expand and contract buttons, where their icons are a plus and minus correspondingly.

What challenges did you encounter, and how did you overcome them?

How to implement Animations with TailWindCSS. I never thought of using a grid for the paragraph. Learned that the hard way.

Since I was new to TailwindCSS, I used the documentation as a reference. Honestly, it was extremely helpful. I learned Tailwind much faster this way.

What specific areas of your project would you like help with?

Well, I would like advice on the index.html. It has become.. a class soup? It is very messy, and I do not like looking it.

Any ideas on how to make styling cleaner with TailwindCSS? Any tips I could do instead? I am very used to using regular CSS. This is my first time using a CSS Framework. A utility based one at that.