Responsive landing page with hamburger nav bar using vanilla CSS & JS.

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

I am proud of the fact that I can use vanilla CSS and JS to create any website layout with functionality.

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

I encountered some challenges with animating my vertical nav and the backdrop since the only state that was changing for them was a transition from display: none to display: block. I solved it by adding opacity: 0 and opacity: 0.5 for the backdrop and opacity: 0 and opacity: 1 for the vertical nav menu. I transitioned the opacity instead of the display. I added a delay timing function to the transition.