All solutions

I found it difficult to implement animations for the dropdown menus, so if anyone can provide any useful resources on how to do this it would be much appreciated.

I also feel that my method of handling the event listeners for the dropdown menus in the JS script is quite poor, so I would love some feedback on how I have handled it, and I would also like to learn the best methods of implementing dropdown menus.

Thanks.

How can I improve my button styling, the animation locks after it has been clicked once.

Are there any issues with my JS? How do I stop the reset button from firing when pressing enter in any of the form inputs?

While building this project I had issues with positioning, primarily on the "interactive-text" section, which would disrupt the entire page positioning during resizing. What steps can I take to avoid this problem better in my next challenge?

I completed this as a timed challenge.

I feel I should re-attempt this challenge with what I have learned in this implementation. The responsiveness when changing to mobile can be greatly improved in my own opinion. I also feel the Javascript can be improved massively as it is currently a lot of repeated code which could be put into functions.

Are there any other areas I should consider changing greatly in a refactor / another attempt?

Is there any way I can improve my JavaScript?

How can I develop code for better accessibility?