Create CSS Media Queries to Show/Hide the Hamburger Icon and the Horizontal Nav

Part 1/x
Transition into phase 2 of the mobile nav project. Ensure that the user can access the mobile-friendly slide-out panel that will contain the future mobile navigation menu. Additionally, we show/hide the desktop-friendly horizontal nav menu.

While cleaning up some styles for the horizontal nav, we use the CSS white-space property and the CSS calc() function.

Demo file: www.patreon.com/posts/32282335