Merge pull request #14 from milan-codes/dev

Make index page responsive

Author: milan-codes

src/components/BlogPostCard.astro

@@ -9,7 +9,7 @@ const { post } = Astro.props;
 ---
 
 <div
-  class="my-2 flex items-center justify-between text-gray-600 dark:text-gray-400"
+  class="my-2 flex flex-col items-start justify-between text-gray-600 md:flex-row md:items-center dark:text-gray-400"
 >
   <a class="hover:underline" href={`/blog/${post.id}`}>
     {post.data.title}

src/components/ProjectCard.astro

@@ -10,7 +10,9 @@ const { project } = Astro.props;
 const { name, tags, link } = project;
 ---
 
-<div class="my-2 flex justify-between text-gray-600 dark:text-gray-400">
+<div
+  class="my-2 flex flex-col justify-between text-gray-600 md:flex-row dark:text-gray-400"
+>
   <a
     class="inline-flex items-center hover:underline"
     href={link}