fixed margin issue introduced by floating image in article preview

assets/scss/style.scss

@@ -261,14 +261,14 @@ h1, h2, h3, h4, h5, h6 {
     hr { display: none; }
 }
 
-.postlistitem.card {
+.postlistitem.card div {
     img {
         margin: 15px auto;
     }
 }
 
 @media only screen and (min-width: 500px) {
-    .postlistitem.card {
+    .postlistitem.card > div {
         img {
             max-width: 250px;
             float: left;

layouts/index.html

@@ -7,6 +7,7 @@
     {{/* pagination */}}
     {{ range (.Paginate $postsList).Pages }}
         <article class="card postlistitem {{ if .Site.Params.discreteCards }}discrete{{ end }}">
+            <div>
                 <h2>
                     <a href="{{ .Permalink }}">{{ .Title }}</a>
                 </h2>
@@ -27,8 +28,9 @@
                     {{ end }}
                 {{end}}
                 <div class="articlePreview">
-                {{ .Summary }}
-                <a href="{{ .Permalink }}">Continue reading </a>
+                    <p>{{ .Summary }}</p>
+                    <p><a href="{{ .Permalink }}">Continue reading </a></p>
+                </div>
             </div>
             <hr />
         </article>