Free Tool

Responsive Email Tester

Preview how your email renders across common viewport widths and catch responsive risks before sending.

Email HTML

<!doctype html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style>
      @media only screen and (max-width: 600px) {
        .container { width: 100% !important; }
        .stack { display:block !important; width:100% !important; }
      }
    </style>
  </head>
  <body style="margin:0;padding:0;background:#f3f4f6;">
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td align="center" style="padding:16px;">
          <table role="presentation" class="container" cellpadding="0" cellspacing="0" border="0" style="width:100%;max-width:600px;background:#ffffff;">
            <tr>
              <td class="stack" style="width:50%;padding:20px;font-family:Arial,sans-serif;">
                <h2 style="margin:0 0 10px 0;">Summer launch</h2>
                <p style="margin:0;color:#4b5563;">A responsive block that stacks on small screens.</p>
              </td>
              <td class="stack" style="width:50%;padding:20px;">
                <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='140' viewBox='0 0 260 140'%3E%3Crect width='260' height='140' fill='%23f2f5fb'/%3E%3Crect x='16' y='16' width='228' height='108' rx='8' fill='%23ffffff' stroke='%23d8dfe9'/%3E%3Ccircle cx='48' cy='52' r='12' fill='%23fa8628'/%3E%3Crect x='72' y='44' width='140' height='8' rx='4' fill='%234b5563'/%3E%3Crect x='72' y='60' width='112' height='8' rx='4' fill='%239ca3af'/%3E%3Crect x='24' y='92' width='88' height='18' rx='9' fill='%23fa8628'/%3E%3C/svg%3E" alt="Example creative" style="display:block;width:100%;max-width:260px;height:auto;border:0;" />
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>

Checklist

Run checks to get responsive warnings and best-practice passes.

Live Width Previews

Mobile (320px)

Tablet (480px)

Desktop (600px)

Responsive Email Tester

Email HTML

Checklist

Live Width Previews

Related Resources