Merge branch 'develop' into 'main'

Changed styling of the page

See merge request KaranJayachandra/karanjayachandra.gitlab.io!11

1 files changed, 7 insertions, 10 deletions

diff --git a/static/main.css b/static/main.css
index bc7f8a1..a4d85dc 100644
--- a/static/main.css
+++ b/static/main.css
@@ -5,7 +5,7 @@
     --bg-color: hsl(var(--hue), var(--saturation), 100%);

     --theme-color: hsl(var(--hue), var(--saturation), 50%);

     --code-bg-color: hsl(var(--hue), var(--saturation), 90%);

-    font-family: system-ui;

+    font-family: 'JetBrains Mono';

     background-color: var(--bg-color);

     color: var(--text-color);

     max-width: 800px;

@@ -29,14 +29,17 @@ a {
     color: var(--theme-color);

 }

 body img {

+    display: block;

+    margin: auto;

     max-width: 100%;

 }

 nav ul, nav ol {

     padding: 0%;

+    padding-bottom: 3%;

     list-style: none;

     display: grid;

     grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));

-    gap: 5%;

+    gap: 10px;

 }

 nav ul li {

     background-color: var(--code-bg-color);

@@ -68,6 +71,8 @@ mark {
 }

 footer {

     text-align: center;

+    padding-top: 2%;

+    padding-bottom: 5%;

 }

 @media (max-width: 900px) {

     :root {

@@ -75,10 +80,6 @@ footer {
     }

     nav ul {

         grid-template-columns: 1fr 1fr;

-        gap: 2%;

-    }

-    table {

-        overflow: scroll;

     }

 }

 @media (prefers-color-scheme: dark) {

@@ -88,8 +89,4 @@ footer {
         --theme-color: hsl(var(--hue), var(--saturation), 50%);

         --code-bg-color: hsl(var(--hue), var(--saturation), 10%);

     }

-}

-/* Disable multi level menus */

-nav ul li ul, nav ul li ol {

-    display: none;

 }
\ No newline at end of file