FAQ-Question w/ Toggle, EventListener, Transition and Animation

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

This project took a bit longer to execute because I had to review my JavaScript. I mainly focused on .addEventListener and classList.toggle, which were the rules I used for implementing the hidden and image transition, and for clicking outside the menu, which then hides the menu again.

HTML felt a lot quicker to execute. However, the CSS this time was a bit more challenging since I had to pair it with JavaScript to ensure the functionality was responding correctly.

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

I did start with a mobile-first workflow—it felt much easier to execute. However, the background image URL () was a bit tricky. Trying to position it through CSS could have been better.

My process had a quicker execution, i.e., HTML & CSS :

--Setting up the tags, groups, and names, respectively, according to their purpose

CSS was also quick, including styling the containers, sizing, positioning, and all the small details.

--JavaScript was not as basic as I thought it was going to be

Summary: HTML --> CSS --> JavaScript --> CSS --> JavaScript

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

I have some experience with JavaScript. I'm currently learning arrays and animation since I enjoy this side of CSS.

Any tips and advice are welcome.

Happy Coding & Blessings to all