Print to see the effect

If the media type set to "print", the media query will be applied and the menu will float to the left of the page.

When you view in a browser, the media type is set to "screen", and thus the @media query won't be applied, leaving the menu at the top of the page.

Be sure to view this page's source to see the css and how it's applied.

To learn more about how to apply @media queries to your page, visit https://www.w3schools.com/css/css3_mediaqueries_ex.asp