Coronavirus (COVID-19) information: Live classes available in-person or online from our fully vaccinated instructors. Learn more about our reopening.


Responsive HTML Email Course

Responsive HTML Email Class

Responsive HTML Email Course Length: 1 day

We offer this Responsive HTML Email course as a live online class or in our training centers with a live instructor. It is also available at your location or as a private workshop. In this one-day class, you’ll discover how to create responsive HTML email marketing that is both functional and well-designed across mobile, tablet, and desktop email clients. This email marketing course builds off the foundational skills taught in our introductory HTML Email class and covers more advanced topics such as coding, the use of media queries, optimizing images for mobile and mobile forms. If you have a group or team that is interested in this course, or if you have questions about the course content, contact AGI to discuss this Responsive HTML email marketing training course.

This course is available individually or as part of these certificate programs:

Responsive HTML Email Course Course Dates

All classes are led by a live instructor. Class times listed are Eastern time.


Please call 800-851-9237 or 781-376-6044 to schedule a course.

Contact AGI to request course dates.

Responsive HTML Email Course: Detailed Topics Covered

Identifying the Need for Responsive HTML Email Marketing

  • Common issues with mobile email
  • Rise in mobile client usage
  • ROI of responsive HTML email
  • Differences in clients
  • Support for media queries

Designing Mobile-friendly HTML Email

  • Taking a ‘design-first’ approach
  • Differences in layout
  • Column sizing
  • Links and buttons
  • Font size guidance for HTML email
  • Defining messages in HTML email
  • Hiding extraneous details
  • Wireframing responsive HTML email versions

Coding Mobile HTML Email

  • Defining mobile-specific CSS
  • Using an @media declaration
  • Applying the content table class
  • Making styles !important
  • Adding other declarations

Building Responsive HTML Email Layouts

  • Adapting multi-column layouts
  • Working around CSS limitations
  • Using HTML attributes in HTML email
  • Adding a simple media query to a responsive HTML email
  • Incorporating progressive disclosure
  • Styling show/hide buttons

Targeting Specific Devices with Media Queries in your HTML Email

  • Addressing larger screen sizes
  • Adjusting the focus of media queries
  • Balancing effort vs. benefit
  • Moving beyond breakpoints
  • Designing fluid layouts for responsive HTML email

Optimizing HTML Email Images for Mobile Display

  • Using supported CSS in responsive HTML email
  • Swapping background images
  • Setting background-size
  • Serving high-res images
  • Addressing Retina displays

Creating Mobile Forms for use with HTML email marketing

  • Benefiting from optimized HTML forms
  • Aligning form field labels
  • Accessing the special keyboard
  • Narrowing form layouts for responsive HTML email
  • Setting initial scale/zoom
  • Optimizing HTML email and plain-text email


This responsive HTML email course is for users who have completed our introductory HTML email marketing training course or who have previous experience creating and coding HTML email.

Responsive HTML Email Training Class Materials

You will receive a comprehensive HTML email marketing course manual for this class developed by the instructors at AGI.

Related Certificate Programs: 
Digital Marketing Certificate

Available Delivery Methods For This Class