CSS only toggle of accordian

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

I'm happy I got bouncing indicators for the +/- button working. I'm also happy I was able to do it without any CSS.

I'm not super excited about the way I got the CSS for the background image to work. I'm not entirely sure it's a very scalable way to make sure that the elements are centered relative to one another correctly.

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

Toggling the sections using a checkbox state was an interesting solution that it was interesting to try to adapt and also allow for the +/- button switch and bouncing icons on hover all with just CSS.

It might have been a good idea to try to make the height of the boxes a more "smooth" experience with animations, but from what I read that might have required JS so I skipped it for now since I'm currently trying to focus on HTML and CSS skills.

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

Ideas on improving the accessibility.

Ideas on improving the way to center the items compared to one another.