Easybank landing page using HTML, CSS, and JavaScript.

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

I feel proud of the way I managed to create a responsive user-friendly burger menu that can be activated by pressing an Enter key and accessed by using tab. I think I could have done a better job in creating a menu burger cross-like animation. The lines are not aligned evenly to create a perfect cross ❌.

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

I've had some layering issues when adding a decorative element at the '.hero' section to the image with phones. The element would overlap the image. I set a z-index value of 2 for the <img> tag itself, and no z-index for the element. That way, the element would not overlap the image.

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

How to create that gradient background at the first section, when clicking at the burger menu?