Update templates/index.html

templates/index.html

@@ -88,21 +88,19 @@
             transition: 0.5s ease-in-out;
         }
 
-      @media only screen and (max-width: 768px) {
-        .flex-container {
-          flex-direction: column;
-          align-items: center;
-        }
-        
-        .feed {
-          width: 90vw;
-        }
-
-        .info {
-          width: 90vw;
+        @media only screen and (aspect-ratio: 1/1), only screen and (aspect-ratio: 3/4), only screen and (aspect-ratio: 4/3) {
+            .flex-container {
+                flex-direction: column;
+                align-items: center;
+            }
+            
+            .feed {
+                width: 90vw;
+            }
+            .info {
+                width: 90vw;
+            }
         }
-        
-      }
 
     </style>
 </head>