Intro Section with Dropdown Navigation using HTML, CSS & JavaScript

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

I am really happy with how this project has turned out and am pleased with how close I have managed to get the final project to the provided design images.

I am however still not building using a mobile first methodology, as for some reason I find it easier to build out the desktop/large screen layout first. This is something I do need to start doing as best practice.

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

I had some issues with the dropdown menu behaviour on the mobile navigation which were not visible on the mobile simulation within the dev tools. The issue only came to light when the project had been deployed to a live environment. It did take me a fair bit of trial and error for me to get this right. However I persevered at it turned out that in the end that my use of CSS transform: rotate() on the desktop orientation was causing a conflict with the JavaScript click event on the mobile orientation of the navigation menu.

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

Any feedback on how I can improve my code and methodologies is alway well received.