From 807b8770352ba281d255be03686ed96a5625e71e Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Mon, 4 Nov 2019 00:27:52 +0100
Subject: [PATCH] Updated styling

---
 src/components/ImageParagraph.vue | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/components/ImageParagraph.vue b/src/components/ImageParagraph.vue
index 1e2e2e4..0fe78d6 100644
--- a/src/components/ImageParagraph.vue
+++ b/src/components/ImageParagraph.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="image-paragraph" :class="imgPos">
-      <div class="image">
-        <img :src="imgSrc" alt="Image" />
-      </div>
-      <div class="text">
-        <slot></slot>
-      </div>
+    <div class="image">
+      <img :src="imgSrc" alt="Image" />
+    </div>
+    <div class="text">
+      <slot></slot>
+    </div>
   </div>
 </template>
 
@@ -55,12 +55,12 @@ export default {
       flex: 0 1 100%;
 
       @media (min-width: 35em) {
-        flex: 0 1 20em;
+        flex: 1;
       }
     }
 
     .text {
-      flex: 0 1 100%;
+      flex: 1;
     }
   }
 
@@ -93,8 +93,12 @@ export default {
     }
   }
 
-  img {
-    max-width: 100%;
+  .image {
+    text-align: center;
+
+    img {
+      max-width: 100%;
+    }
   }
 }
 </style>
\ No newline at end of file