images for products

themes/tella/layouts/products/list.html

@@ -10,4 +10,4 @@
         </div>
     </div>
 </div>
-{{ end }}
+{{ end }}

themes/tella/layouts/products/summary.html

@@ -1,9 +1,18 @@
+<style media="screen">
+  .title-product-summary{
+    margin-bottom: 3%;
+  }
+  .description-product-summary{
+    margin-top: 2%;
+  }
+</style>
+
 <a href="{{ .Permalink }}">
     <div class="summary border p-3">
-        <h2 class="text-3xl">
+        <h2 class="text-3xl title-product-summary">
             {{ .Title }}
         </h2>
         <img src="{{ .Params.img | relURL }}" alt="-product-image-">
-        <p>{{ .Description }}</p>
+        <p class="description-product-summary">{{ .Description }}</p>
     </div>
 </a>