Slightly off topic. Does anyone know how to get the chrome dev tools to act as though the page was being printed, so it applies those @media rules? This page seems to say you can: https://developer.chrome.com/docs/devtools/rendering/emulate-css But my console doesn't look like that, I don't see the Rendering tab they're talking about. Thoughts?

Click the three dots - you should be able to select render

for me it was: three dots > More tools > Rendering

( ctrl | cmd ) + shift + p then type print and you should see the option to emulate CSS print media type

Thank you @jc, that worked. I saw that Run entry area once, but it's gone now, and I can't figure out how to get it back. But, the media stuff is near the bottom of the console window, and it works, so I'm good. Thanks again.

The run command menu is accessible by using the keyboard schortcut I mentioned