fix: the issue in portrait mode with scrolling

refactor: remove aspect ratio rules

1 files changed, 3 insertions, 3 deletions

diff --git a/views/pages/home-page.html b/views/pages/home-page.html
index 7de9420..6e026aa 100644
--- a/views/pages/home-page.html
+++ b/views/pages/home-page.html
@@ -18,8 +18,8 @@
     </g></symbol>
 </svg>
 <div class="absolute w-full h-full inset-0 inset-shadow-[0_0_0.4rem_black] pointer-events-none z-20"></div>
-<div class="relative bg-paper bg-background-light font-gentium flex flex-row ar-lt-0.6:flex-col w-full h-full overflow-y-auto text-base/loose tracking-wide z-10">
-    <div class="ar-gt-0.6:flex-3/5 justify-center content-start p-8">
+<div class="relative bg-paper bg-background-light font-gentium flex flex-col sm:flex-row w-full h-full overflow-y-auto text-base/loose tracking-wide z-10">
+    <div class="sm:flex-3/5 justify-center content-start p-8">
         <div class="flex flex-col justify-start items-start bg-paper bg-background-dark mb-8 shadow-[0.4rem_0.4rem_0.4rem_black]">
             <p class="text-3xl/loose sm:text-4xl/loose lg:text-5xl/loose tracking-widest uppercase w-full font-m-plus font-thin italic text-left
                 border-l-4 border-solid border-background-dark
@@ -43,7 +43,7 @@
         </div>
     </div>
 
-    <div class="ar-gt-0.6:flex-2/5 justify-center content-start p-8">
+    <div class="sm:flex-2/5 justify-center content-start p-8">
         <div class="flex flex-col justify-center items-start mb-4">
             <p class="text-xl sm:text-2xl lg:text-3xl p-1 w-full font-m-plus font-thin italic text-left
                 border-l-1.5 border-solid border-background-dark