Sorting out images and tags

2 files changed, 16 insertions, 1 deletions

diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index 790a920..1eccb0b 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -24,3 +24,10 @@ const { Content } = await entry.render();
         </article>
     </main>
 </Page>
+
+<style>
+    img {
+        width: 20%;
+        height: 50%;
+    }
+</style>
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index 1614f2f..f782cdc 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -13,7 +13,9 @@ const allBlogPosts = (await getCollection('blog')).sort((a, b) => b.data.date.va
             <h1><a href={`/blog/${post.slug}`}>{post.data.title}</a></h1>
             <small>{formatDate(post.data.date)}</small>
             <p>{post.data.description}</p>
-            <a href={`/blog/${post.slug}`}>Read more</a>
+            <div class="tags">
+               <a href={`/blog/${post.slug}`}>tag1</a>
+            </div>
          </article>
        ))
       }
@@ -26,6 +28,12 @@ const allBlogPosts = (await getCollection('blog')).sort((a, b) => b.data.date.va
       margin-bottom: 2px;
    }
 
+   .tags {
+      display: flex;
+      flex-direction: row;
+      gap: 1em;
+   }
+
    article {
       background-color: #3B513B;
       padding: 1.2em;