From 83684eb2e3f8c0ac2cb7682a07075f9d6cd01fac Mon Sep 17 00:00:00 2001
From: Michael Freno <michaelt.freno@gmail.com>
Date: Mon, 22 Dec 2025 21:36:49 -0500
Subject: [PATCH] slight layouting shift

---
 src/routes/index.tsx | 32 +++++++++++++++++---------------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 8d70a9c..fa81b98 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -114,15 +114,8 @@ export default function Home() {
                 >
                   Life and Lineage
                 </a>
-                <div class="grid grid-cols-1 gap-4 sm:grid-cols-3">
-                  <div class="aspect-auto w-full overflow-hidden rounded-lg">
-                    <img
-                      src="/lineage-home.png"
-                      alt="Life and Lineage Home"
-                      class="h-full w-full object-cover"
-                    />
-                  </div>
-                  <div class="aspect-auto w-full overflow-hidden rounded-lg">
+                <div class="flex flex-col gap-4 sm:grid sm:grid-cols-3">
+                  <div class="aspect-auto w-full overflow-hidden rounded-lg sm:col-span-1">
                     <video
                       src="/lineage-preview.mp4"
                       class="h-full w-full object-cover"
@@ -132,12 +125,21 @@ export default function Home() {
                       playsinline
                     />
                   </div>
-                  <div class="aspect-auto w-full overflow-hidden rounded-lg">
-                    <img
-                      src="/lineage-shops.png"
-                      alt="Life and Lineage Shops"
-                      class="h-full w-full object-cover"
-                    />
+                  <div class="grid grid-cols-2 gap-4 sm:col-span-2 sm:grid-cols-2">
+                    <div class="aspect-auto w-full overflow-hidden rounded-lg">
+                      <img
+                        src="/lineage-home.png"
+                        alt="Life and Lineage Home"
+                        class="h-full w-full object-cover"
+                      />
+                    </div>
+                    <div class="aspect-auto w-full overflow-hidden rounded-lg">
+                      <img
+                        src="/lineage-shops.png"
+                        alt="Life and Lineage Shops"
+                        class="h-full w-full object-cover"
+                      />
+                    </div>
                   </div>
                 </div>
                 <div class="pt-2 text-left text-sm">