Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Noble Desktop

HTML Email Bootcamp

via Noble Desktop

Go to class Write review

Overview

Learn how to code custom-designed emails that are responsive to different screen sizes. From creating responsive layouts to optimizing images, this course covers all aspects of coding effective emails.

Syllabus

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

Reviews

4.9 rating at Noble Desktop based on 30 ratings

Start your review of HTML Email Bootcamp

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.