That’s it! This works wherever media queries are supported. Unfortunately, that means we’re still left with no logo swapping in Gmail and the Outlooks. Sad face. But happy face that this code is way nicer than what I was doing before! HOORAY!
There are two other fun things you can do with this:
- Wrap the whole thing in an href to link to your website
- Target the logo using a class on a container and using .foo a [data-ogsc] to add the logo as a background image to show in Outlook.com
Enjoy this new bit of info, and happy coding,