Mailchimp Responsive E-Mail Template, reference https://www.campaignmonitor.com/css/ for compatibility, also if using with WordPress use plugin SB-RSS_feed-plus to add featured images to feed

mailchimp-responsive-email-template.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta property="og:title" content="*|MC:SUBJECT|*">
        <title>*|MC:SUBJECT|*</title>
        
	
    <style type="text/css">
		#outlook a{
			padding:0;
		}
	@media screen and (min-width:900px){
		.container{
			max-width:860px !important;
		}

}	@media screen and (min-width:900px){
		.story{
			float:left !important;
			padding-left:15px !important;
			padding-right:15px !important;
		}
        .story:nth-child(odd) {
        	clear: both;
        }

}</style></head>
    <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="max-width:100%;margin:0;padding:0;">
    	<div class="container" style="display:block;margin:auto;max-width:400px;max-width:100%;text-align:center;">
        	<div class="row" style="display: block;overflow: hidden;text-align:center;">
                <img class="logo" src="https://placehold.it/350x150" style="margin:2em 0 1em;">
            </div>
        	<div class="row" style="display: block;overflow: hidden;">
            	<h3 style="text-align:center;font-size:1em;margin:.5em 0;">
                    This week's highlights
                </h3>
            </div>
            *|FEEDBLOCK:https://en.blog.wordpress.com/feed/|*
        	<div class="row" style="display: block;overflow: hidden;">
            	*|FEEDITEMS:[$count=6]|*
            	<div class="story" style="max-width:400px;margin:auto;">
                	<div class="row">
                    	<h2 style="font-size:1.2em;margin:2em 0 0 0;">*|FEEDITEM:TITLE|*</h2>
                    </div>
                	<div class="row">
                    	*|FEEDITEM:IMAGE|*
                    </div>
                	<div class="row by-line" style="padding:0 0 1em 0;">
	                    <em>by *|FEEDITEM:AUTHOR|* on *|FEEDITEM:DATE|*</em>
                    </div>
                	<div class="row content" style="font-size:0.9em;text-align:justify;text-justify:inter-word;">
               			*|FEEDITEM:CONTENT_FULL|*
                    </div>
                </div>
                *|END:FEEDITEMS|*
            </div>
            *|END:FEEDBLOCK|*
        </div>
    </body>
</html>