fix menu alignment

2021-10-20 21:26:48 -07:00
parent 23eb4341b6
commit cb04687d0b
2 changed files with 13 additions and 3 deletions
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@ -10,10 +10,11 @@
    }

    #nav-main {
-        max-width: 30rem;
+        max-width:  30rem;
        margin:  0 auto;
        display:  grid;
-        grid-template-columns:  1fr 1fr 1fr;
+        grid-template-columns:  repeat(3, minmax(6rem, 8rem));
+        justify-content: space-between;
    }

    #nav-main a {
@ -22,7 +23,6 @@
        text-decoration: none;
        text-align: center;
        padding:  0.25rem 0;
-        max-width: 8rem;
    }

    #nav-main a:hover {