How To Write Responsive Email Template. The responsive web is largely reliant on media queries to drive that adaptation. Responsive email uses a media query, also known as @media —a special set of css styles that act like conditional statements or dynamic rules.

Some may argue that the html5 doctype is ok to use for email, but the best testing service for email designs (litmus & email on acid) still recommend xhtml email doc type as it allows for proper rending on all email clients. Layout of a responsive email template. Responsive email uses a media query, also known as @media —a special set of css styles that act like conditional statements or dynamic rules.