From 21bc7638c48b23a4e9834a89529fb60b6c910eb6 Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Tue, 21 Sep 2021 12:26:51 -0700
Subject: [PATCH] improve landscape background in portrait orientation

---
 src/pages/index.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index dec625d..f840222 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -120,13 +120,13 @@ const IndexPage = ({
         className={classnames(
           "font-serif",
           isLandscape
-            ? "landscape:grid portrait:flex portrait:flex-col"
-            : "portrait:grid landscape:flex landscape:flex-row"
+            ? "landscape:grid portrait:h-screen portrait:flex flex-col justify-evenly"
+            : "portrait:grid landscape:flex flex-row"
         )}
       >
         <div
           className={classnames(
-            "flex flex-auto flex-col items-center justify-between",
+            "landscape:flex-auto flex flex-col items-center justify-between",
             isLandscape ? "portrait:items-center" : "landscape:justify-center"
           )}
           style={{ gridArea: "1/1" }}
@@ -171,6 +171,7 @@ const IndexPage = ({
               shuffleImage={shuffleImage}
             />
           </div>
+          {/* <div className={isLandscape ? 'hidden portrait:block' : 'hidden'}></div> */}
         </div>
         {isClient ? (
           <GatsbyImage