Mobile email is in the lead, surpassing webmail and desktop client usage by a large margin.

Build Responsive Emails

We’ll show you how easy it is to set up a single-column email with a fluid layout that will work across devices and email clients. We’ll also show you how to create a more complex newsletter that, with the help of media queries, will go from a 2-column layout to a single column on most mobile devices.

This advanced level course is designed for people who are already familiar with web development and have prior experience coding HTML email. If you have some experience with HTML and CSS but have never coded an HTML email before, we recommend you take our HTML Email course to learn the basics before you take this class.

This course has a prerequisite

Students should have some experience coding emails with HTML & CSS. This class builds on our HTML Email class, so you should have equivalent knowledge.

What You’ll Learn

Create responsive emails that work across all devices
Create a 2-column responsive layout with tables
Optimize images and swap content for mobile devices
Use media queries to fine tune mobile styles

Learn with Hands-on Projects

Learn practical skills by working on real projects with instructor guidance and lectures to strengthen and improve your skill.

Course Syllabus

Download Syllabus PDF

Section 1

Simple Responsive Layout

Coding the table structure
Fixing a gap below images
Making the email responsive
Introduction to CSS media queries

2-Column Layout: Media Queries

Coding the nested table structure
Writing styles for desktop & mobile versions
Media queries for fine-tuning mobile responsive design
Modifying media queries

Mobile-Friendly Column Layout

Coding the table for the 2-column content
Converting the mobile layout to 1-column
Adding the other date listings
Refining the CSS

Section 2

Optimizing Images for Mobile

HTML email image quality: a balancing act
Dealing with hi-res/retina images
Swapping the banner on mobile
Further optimizing the mobile banner

Responsive Footer

Structuring the footer layout
Styling the footer
Optimizing the footer for smaller mobile devices

Optimizing the Mobile Layout

Changing font size across screen sizes
Removing excess margins on mobile
Removing the table borders

Best Practices: Preflight

Adding a preheader to entice mobile users
Inlining the styles with Mailchimp’s inliner

Schedule & Enrollment: Responsive HTML Email

$395
6 Hours
NYC or Live Online
Free retake
Setup assistance
Expert instructors
Small classes

Discounts

Discounts

Shorter courses such as this are already affordably priced and are not eligible for discounts.
• Policies

Course times are listed in Eastern Time.

April 9

Friday, 10–5pm
- Mon
- Tue
- Wed
- Thu
- Fri
- Sat
- Sun
Enroll in this section

This Course is Available Live Online

You can attend this training live online at the scheduled time the course is offered (New York, Eastern Time) through screen-sharing software Zoom (free for you).
Our live online training is interactive and hands-on, just like our in-person classes. There are no extra fees and we’ll work with you to ensure your setup is perfect

Classes are activity-based and taught by a live instructor.
You can hear the instruction, ask questions, and share your screen—all in real-time.
Retake the course for free (in-person or live online) within one year.

See What Students Are Saying About Live Online

“Overall experience on Zoom was maybe even better than in IRL classroom because the instruction takes place right on your own screen, with less distraction. Great overall experience.”
“Given the fact that we had to do this entire class remotely due to Covid-19, I didn’t have very high expectations it would run so smoothly. However, I don’t think it could’ve gone any better. Not only do I feel very comfortable with the program now, but I’m actually excited to use it!”
“This was the first online class I’ve taken with ND and it was a great experience. Looking forward to the other classes I’ve signed up for!”

Learn more about how our live online training works

Online Training Demo

1-Minute Overview

Frequently Asked Questions

Must I do anything before coming to class?

You’ll want to be able to send test emails to the main webmail providers, so please create a free email account with Gmail, Yahoo Mail, and Outlook.com (all three) if you don’t already one. (You can use a Hotmail account for testing on Outlook.com.)
Do I need to bring anything to the class?

No. We provide computers (Mac or PC) with a coding editor installed. Choose your operating system at checkout.
Does this course require any prior knowledge or experience?

Students should have some experience coding emails with HTML & CSS. This class builds on our HTML Email class, so you should have equivalent knowledge.
Do you offer any discounts for this course?
Discounts

Shorter courses such as this are already affordably priced and are not eligible for discounts.

Take this course as part of a certificate program and save:
- HTML Email Certificate
Do you offer payment plans or student financing for this course?

This course does not qualify for payments plans or student financing. See our Payment Plan FAQ to find related programs that qualify.
Can I take this course online (remote learning)?
You may attend this training virtually (online) at the scheduled time the course is offered (New York, Eastern Time).

How does attending “live online” work?
- Students can attend this training remotely through screen sharing software (we use Zoom).
- Participants can hear the instruction, ask questions, and even share their screen with the instructor.
- For audio you can use your computer’s microphone/speakers or call a phone number that we’ll provide.
- Classes are activity-based and taught by a live instructor, so we strongly encourage students who are local to the area to attend in person!
- You will need your own computer and copy of any required software. If you don’t have the software, you can usually do a free trial or purchase your own license. If you need assistance, contact us at hello@nobledesktop.com

Corporate & Onsite HTML Email Training

Purchase group class vouchers at a discount for our regularly-scheduled group classes in NYC, or create a custom training program at your offices.

Private Training

Available onsite at your location
Modern computer labs available at our offices
Customize or choose from our existing courses
Free instructor consultations to finalize content

Group Class Vouchers

Send employees to our group classes
Extensive offerings and flexible scheduling
Simple billing and logistics
Computers and training resources provided

We’ve trained thousands of companies!
Let us create the perfect program for your team.

(212) 226-4149

Learn Responsive Design for Email Marketing

By the end of this course, you’ll have the skills to boost your company’s email marketing campaigns with emails that look good on mobile devices and desktops. Take this course with Web Development Level 1 and HTML Email to earn a New York State Approved Certificate.

Learn HTML Email Best Practices

“Throughout the year, I had the opportunity to design and code emails. Trying to code emails which would display correctly on many different email clients and screens sizes I found perplexing and tedious... The knowledge learned by taking this course going forward will enable me to better code them, in addition to being taught best practices as well as valuable tips and tricks. They no longer are a mystery.”
Darryl Kaalund
Custom Workbook Included

Our Responsive HTML Email class comes with a custom step-by-step training manual sold to universities and schools around the world. Recreate the class projects and refresh the material anytime after the class.
Part of a Certificate Program

This course is part of the HTML Email certificate program; the one and only HTML Email certificate in NYC. Take the other courses to earn the certificate.

Highly Reviewed by Our Alumni

From our hands-on training style to world-class instructors and proprietary curriculum, we deliver a learning experience our alumni can be proud of.

6 Students Rated Our Responsive HTML Email 5 Stars

I went in with a bunch of questions and walked out with all of them answered. Very knowledgeable teacher who was extremely patient and understanding. Loved this class. Would recommend to anyone and everyone who would like to learn more about responsive HTML emails.

Rena Abelson, Reach Marketing LLC

Responsive HTML Email is a great course that addresses a critical aspect of email marketing for anyone who has clients or subscribers with whom they communicate regularly. Considering how many non-responsive emails I get, it's a real advantage to have the skills in your pocket.

Wilma Dull, East Side Consulting

I really enjoyed the class on responsive HTML email design. The way the instructor broke down the steps made it easy for me to grasp the concepts and recreate on my own.

Lisa Rosenberg, Jobson Healthcare Information

The Responsive HTML Email course was amazing and the amount of resources and instruction you cover in class ensure that you'll be getting it right. The instructor is a true expert on the subject and had a wealth of knowledge about properly creating, laying out and testing emails which she passed down to the class.

German Hernandez

The class is very detailed and easy to follow. Instructors are always eager to help and very informative. Noble Desktop is such a great organization for being a great source of knowledge and resources! This is a genuine group that really wants to help students develop skills.

Kriska Ocampo

This is the second class that I have participated in with Noble Desktop and it was another great experience. Our instructor David was helpful and patient. He also helped troubleshoot when I ran into some issues. We were able to easily find the issue. Overall this was a fantastic experience and I am looking forward to using these new skills and techniques at work.

Holly Taquinto, Chubb Insurance

Compare Responsive HTML Email to Similar Courses

Select up to two courses and tap Compare Courses to view a side-by-side comparison of Responsive HTML Email with your selected courses.

Compare

HTML Email

6 hours $395

In this hands-on HTML Email class, you will learn how to code rich, graphic emails using HTML and CSS. Work with different layouts to create effective emails blasts and newsletters.
More details
Compare

Intro to HTML & CSS

6 hours $395

We’ll introduce you to HTML, the standard markup language used to create webpages, and you’ll dive in and hand code a webpage from scratch. This 3-hour class is essentially the first section of our more comprehensive Web Development Level 1 class.
More details
Compare

Web Development Level 1

18 hours $975

Learn to create webpages by coding HTML & CSS. Learn best practices for structuring the content of your webpages with HTML, then styling the content with CSS. Start creating responsive websites that adapt to multiple screen sizes. After coding you’ll upload a site to make it live!
More details

Build Responsive Emails

This course has a prerequisite

Learn the Skills Guarantee™

Hands-on training in small groups

Time-tested curriculum and supporting materials

Learn from industry experts with teaching experience

Retake the course for free within one year

What You’ll Learn

Learn with Hands-on Projects

Course Syllabus

Section 1

Simple Responsive Layout

2-Column Layout: Media Queries

Mobile-Friendly Column Layout

Section 2

Optimizing Images for Mobile

Responsive Footer

Optimizing the Mobile Layout

Best Practices: Preflight

Schedule & Enrollment: Responsive HTML Email

Discounts

April 9

Friday, 10–5pm

This Course is Available Live Online

See What Students Are Saying About Live Online

Online Training Demo

Frequently Asked Questions

Must I do anything before coming to class?

Do I need to bring anything to the class?

Does this course require any prior knowledge or experience?

Do you offer any discounts for this course?

Discounts

Take this course as part of a certificate program and save:

Do you offer payment plans or student financing for this course?

Can I take this course online (remote learning)?

How does attending “live online” work?

Corporate & Onsite HTML Email Training

Private Training

Group Class Vouchers

Learn Responsive Design for Email Marketing

Learn HTML Email Best Practices

Custom Workbook Included

Part of a Certificate Program

Highly Reviewed by Our Alumni

6 Students Rated Our Responsive HTML Email 5 Stars

Compare Responsive HTML Email to Similar Courses

HTML Email

Intro to HTML & CSS

Web Development Level 1