diff --git a/src/components/BigBlogEntry.astro b/src/components/BigBlogEntry.astro
index 7fc27c2..5900ffa 100644
--- a/src/components/BigBlogEntry.astro
+++ b/src/components/BigBlogEntry.astro
@@ -8,7 +8,7 @@ const { title, description, pubDate, slug, heroImage, tags } = Astro.props;
 ---
 
 <article
-  class="relative isolate flex flex-col gap-8 lg:flex-row group md:grid md:grid-cols-2 mt-8"
+  class="relative isolate flex flex-col gap-8 lg:flex-row group lg:grid lg:grid-cols-2 mt-8"
 >
   <div class="relative aspect-[16/9] lg:w-full lg:shrink-0">
     <HeroImage image={heroImage} />
diff --git a/src/components/BlogEntry.astro b/src/components/BlogEntry.astro
index c833023..ce24eb1 100644
--- a/src/components/BlogEntry.astro
+++ b/src/components/BlogEntry.astro
@@ -7,8 +7,8 @@ import HeroImage from "./HeroImage.astro";
 const { title, description, pubDate, slug, heroImage, tags } = Astro.props;
 ---
 
-<article class="relative isolate flex flex-col gap-8 lg:flex-row group">
-  <div class="relative aspect-[16/9] lg:w-64 lg:shrink-0">
+<article class="relative isolate flex flex-col gap-8 md:flex-row group">
+  <div class="relative aspect-[16/9] md:w-64 md:shrink-0">
     <HeroImage image={heroImage} />
   </div>
   <div>