better mobile styling

Hatchibombotar · Sep 30, 2024 · f686c88 · f686c88
1 parent ec67fb4
commit f686c88
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/FeedPost.astro b/src/components/FeedPost.astro
@@ -3,7 +3,7 @@ import { FiLink, FiGithub, FiExternalLink } from "solid-icons/fi";
 
 const {post} = Astro.props
 ---
-<div class="flex flex-col items-center sm:items-start sm:flex-row gap-3">
+<div class="flex flex-col-reverse items-center sm:items-start sm:flex-row gap-3 my-2">
   <div class="flex-grow relative">
     <div class="hidden sm:block absolute -left-4">•</div>
     <h3 class="font-semibold">{post.title}</h3>
@@ -24,5 +24,5 @@ const {post} = Astro.props
       })}
     </div>
   </div>
-  <img class="max-h-36 max-w-[12rem] my-3 rounded-md" src={post.image} />
+  <img class="max-h-36 max-w-[12rem] rounded-md" src={post.image} />
 </div>