"1. Make Header banner- responsive -Email"
Bootstrap 3.3.0 Snippet by jeevan123456

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <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 class="full-width-image"> <img src="https://tutsplus.github.io/creating-a-future-proof-responsive-email-without-media-queries/images/header.jpg" width="600" alt="Gaadiexpert ogo" /> </td> </tr> </table> </div> </center> </body>
/* Basics */ body {Margin: 0;padding: 0; min-width: 100%;background-color: #696969;} table {border-spacing: 0;font-family: sans-serif;color: #333333;} td {padding: 0;} img {border: 0;} .wrapper {width: 100%;table-layout: fixed;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;} .webkit {max-width: 600px;} .outer {Margin: 0 auto; width: 100%;max-width: 600px;} .full-width-image img {width: 100%; max-width: 600px;height: auto;}
wrapper webkit table tr tr tr

Related: See More


Questions / Comments: