Sorting out images and tags

src/layouts/Default.astro

@@ -41,7 +41,7 @@ import Navbar from '../components/Navbar.vue';
 	<div transition:name="main" transition:animate="fade">
 		<slot />
 		<footer>
-			<p>Made with {Astro.generator} and Hosted on Vercel</p>
+			<p><a href="https://github.com/Alee14/personal-website">Made with {Astro.generator} and Hosted on Vercel</a></p>
 			<p>Copyright &copy; 2024 Andrew Lee</p>
 		</footer>
 	</div>

src/pages/blog/[...slug].astro

@@ -24,3 +24,10 @@ const { Content } = await entry.render();
         </article>
     </main>
 </Page>
+
+<style>
+    img {
+        width: 20%;
+        height: 50%;
+    }
+</style>

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;

src/pages/projects.astro

@@ -12,7 +12,8 @@ import projects from "../data/projects.json";
                             <p>{project.description}</p>
                             {project.links.map((link) => {
                                 return (
-                                        <a href={link.url} target={link.external ? "_blank" : ""}>{link.name}</a>                                )
+                                        <a href={link.url} target={link.external ? "_blank" : ""}>{link.name}</a>
+                                )
                             })}
                         </div>
                 )
@@ -39,6 +40,7 @@ import projects from "../data/projects.json";
     .cards h1 {
         padding: 0;
         margin: 0;
+        font-size: 1.8em;
     }
 
     .cards p {