From 05156e2321d3130830d3c00c7f4d2bf8bd6f1fe5 Mon Sep 17 00:00:00 2001
From: terrerox <terrero0611@gmail.com>
Date: Sat, 24 Dec 2022 18:31:30 -0400
Subject: [PATCH] fix

---
 src/components/Post.vue | 4 ++--
 src/style.css           | 7 ++++++-
 src/views/BlogPost.vue  | 4 ++--
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/Post.vue b/src/components/Post.vue
index f2694e9..d6f82e1 100644
--- a/src/components/Post.vue
+++ b/src/components/Post.vue
@@ -18,8 +18,8 @@ defineProps({
             </h2>
             <small>{{post.date}}</small>
         </header>
-        <section v-show="post.image_url">
-            <img :src="post.image_url" class="post-image"/>
+        <section class="image-section" v-show="post.image_url">
+            <img :src="post.image_url"/>
         </section>
         <section>
             <p>
diff --git a/src/style.css b/src/style.css
index f328b90..f3f2c23 100644
--- a/src/style.css
+++ b/src/style.css
@@ -264,10 +264,15 @@ a:focus {
   margin-top: var(--spacing-8);
 }
 
-.post-image {
+.image-section {
+  display: flex;
+}
+
+.image-section > img {
   width: 630px;
   height: 474px;
 }
+
 .post-list-item p {
   margin-bottom: var(--spacing-0);
 }
diff --git a/src/views/BlogPost.vue b/src/views/BlogPost.vue
index 30a8db7..cba6efd 100644
--- a/src/views/BlogPost.vue
+++ b/src/views/BlogPost.vue
@@ -35,8 +35,8 @@ watchEffect(
                 <h1 itemProp="headline">{{postStore.post.title}}</h1>
                 <p>{{postStore.post.date}}</p>
             </header>
-            <section v-show="postStore.post.image_url">
-                <img :src="postStore.post.image_url" class="post-image"/>
+            <section class="image-section" v-show="postStore.post.image_url">
+                <img :src="postStore.post.image_url"/>
             </section>
             <section
                 itemProp="articleBody"