faq-accordion-main

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

I am most proud of being able to implement javascript in order to make my solution work. One thing that I would improve is that I feel like I could make my javascript code more efficient, but I couldn't figure out the logic of how to make it more streamlined.

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

One of the biggest challenges that I came across was figuring out how to make the container expand when the answers were showing, and minimize when the answers were hidden. I was able to use height: min-content which worked perfectly to change sizes based off of the content that was being displayed at the time. The other issue I had was figuring out how to make the faq-container overlap with the background, but I was able to figure out where the background should be placed in my HTML and then used margin to make them overlap.

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

I would appreciate feedback on how I can improve my javascript to make it more streamlined. I'm sure there's a way to incorporate a for loop instead of having so many switch cases, but I couldn't figure out how. Thank you!