All solutions

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

Initially I had difficulty styling the numbers that initialize the list items in "Instructions". I didn't know it was possible to add a stylizable automatic counter as explained here. Once again MDN Wev Docs saved me.

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

What I'm most proud of is definitely the JavaScript code to show hidden texts, I spent a lot of time researching and studying trying to optimize it as much as possible. Using the "max height" of paragraphs instead of "display block" made it much cleaner. However, I had a lot of difficulty with the spacing between paragraphs, being able to align everything with that gray line in the middle was a headache.🤣

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

I would like some help with the Javascript code, I couldn't include keyboard navigation, I tried several ways but didn't get anywhere. I would also like to know a more efficient way to separate paragraphs while preserving overall alignment. I had a lot of difficulty aligning everything, with the active paragraph it was aligned, but when hiding it it was misaligned, in the end I couldn't give a good spacing between them.