From a8a5160a31e421394500fcd3b9d8b4fe9e5df62d Mon Sep 17 00:00:00 2001
From: Ari Archer <ari.web.xyz@gmail.com>
Date: Thu, 6 Apr 2023 03:12:31 +0300
Subject: [PATCH] styles/index : improve mobile layout

Signed-off-by: Ari Archer <ari.web.xyz@gmail.com>
---
 content/styles/index/index.css | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/content/styles/index/index.css b/content/styles/index/index.css
index 9ffefe2..87f07fc 100644
--- a/content/styles/index/index.css
+++ b/content/styles/index/index.css
@@ -80,6 +80,11 @@ h1 *::-moz-selection {
     display: none;
 }
 
+h1::-moz-selection,
+h1 *::-moz-selection {
+    display: none;
+}
+
 h1::selection,
 h1 *::selection {
     display: none;
@@ -101,15 +106,27 @@ a:focus {
     }
 
     nav > ul {
-        margin-top: 0.6em;
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+        flex-direction: row;
+        -ms-flex-pack: distribute;
+        justify-content: space-around;
+        margin-top: 1em;
     }
 
     nav > ul > li {
-        margin: 0;
         list-style: none;
     }
 
     main {
         display: block;
     }
+
+    h1 {
+        text-align: center;
+    }
 }