Responsive FAQ Accordion using HTML, CSS, and Javascript

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

I recreated the "open/close" svg with css and animated them. This is satisfying to me for some reason.

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

I struggled more than I would like to admit with flexbox. The "open/close" graphic I recreated with a div and some css kept getting squished on smaller screens. I added flex-shrink: 0; to overcome this issue

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

Just notes on best practices for writing cleaner code might be nice. I know my Javascript isn't the best, but I am still new at it.