Responsive email template without media queries

Developer
Tauseef
Size
1,981 Kb
Views
10,120
  1. Responsive email template without media queries Previews
  2. Responsive email template without media queries HTML Codes
  3. Responsive email template without media queries CSS Codes

How do I make an responsive email template without media queries?

What is a responsive email template without media queries? How do you make a responsive email template without media queries? This script and codes were developed by Tauseef on 20 December 2022, Tuesday.

Responsive email template without media queries Previews
IQ Test

Responsive email template without media queries - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Responsive email template without media queries</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--[if !mso]><!--> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!--<![endif]--> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <!--[if (gte mso 9)|(IE)]> <style type="text/css"> table {border-collapse: collapse;} </style> <![endif]-->
</head>
<body> <center class="wrapper"> <div class="webkit"> <!--[if (gte mso 9)|(IE)]> <table width="600" align="center"> <tr> <td> <![endif]--> <table class="outer" align="center"> <tr> <td> [content goes here] </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </div> </center>
</body>
</html>
</body>
</html>

Responsive email template without media queries - Script Codes CSS Codes

/* Basics */
body { margin: 0 !important; padding: 0; background-color: #ffffff;
}
table { border-spacing: 0; font-family: sans-serif; color: #333333;
}
td { padding: 0;
}
img { border: 0;
}
div[style*="margin: 16px 0"] { margin:0 !important;
}
.wrapper { width: 100%; table-layout: fixed; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
}
.webkit { max-width: 600px; margin: 0 auto;
}
Responsive email template without media queries - Script Codes
Responsive email template without media queries - Script Codes
Home Page Home
Developer Tauseef
Username tmjam
Uploaded December 20, 2022
Rating 3
Size 1,981 Kb
Views 10,120
Do you need developer help for Responsive email template without media queries?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Tauseef (tmjam) Script Codes
Name
Single page site
Flip using CSS
Responsive Layout using bootstrap
Test
Pulse loader
A Pen by Tauseef
Shopping Cart with HTML5 Drag Drop
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!