No tricks, just...

Hey-oh! Keeping things short today.

While prepping my dark mode talk for Email Camp, I learned an awesome new way to swap your logo. It's way more elegant than targeting images with hide/show classes.

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:

  1. Wrap the whole thing in an href to link to your website

  2. 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,

Megan