update website for mobile

QuangBui3101 · QuangBui3101 · commit 6fc9530b73f5 · 2022-02-23T02:09:01.000+01:00
diff --git a/docs/index.html b/docs/index.html
@@ -3,6 +3,7 @@
 
 <head>
     <title>NeoCortexAPI</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
     <link href="./style.css" type="text/css" rel="stylesheet">
     <link rel="shortcut icon" href="favicon.png" type="image/x-icon">
 </head>
diff --git a/docs/style.css b/docs/style.css
@@ -137,12 +137,16 @@ a {
 
 .navigation {
     display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: space-between;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    flex-grow: 1;
+    
     align-items: center;
     margin: 1rem;
 }
+.navigation > * {
+    width: 100%;
+}
 
 .tile {
     border: solid 0.08rem #d3d3d3;
@@ -170,11 +174,9 @@ a {
 
 .furtherinfo {
     display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: space-between;
+    flex-direction: column;
+    
     margin-bottom: 2rem;
-    align-items: center;
     width: 90%;
 }
 
@@ -191,18 +193,19 @@ a {
     font-size: 2rem;
 }
 
-@media (max-width: 750px) {
+@media screen and (min-width: 750px) {
     .navigation {
-        flex-direction: column;
+        flex-direction: row;
+        justify-content: space-between;
     }
 
     .tile {
         width: 50%;
     }
 
     .furtherinfo {
-        flex-direction: column;
-        align-items: center;
+        flex-direction: row;
+        justify-content: space-between;
     }
 
     .gifexample {
