glava style 2

nuxt/components/Glava.vue

@@ -21,13 +21,17 @@
  }
 
  .meni {
+  display: flex;
   margin: 0;
   width: 100%;
+  justify-content: space-between;
 }
 .meni a {
   text-decoration: none;
   text-transform: uppercase;
   font-weight: bold;
+  color: black;
+  padding: 40px 80px;
 }
 
 ul {
@@ -36,11 +40,12 @@
   width: 100%;
 }
 
-@media screen (min-width: 480px) {
+@media screen and (max-width: 768px) {
   .meni {
-
+    display: flex;
+    flex-direction: column;
+    align-items: center;
   }
 }
 
-
 </style>

nuxt/pages/index.vue

@@ -11,22 +11,14 @@ await store.naloziStrani()
 </template>
 
 <style>
+  :root {
+    --siva: #D9D9D9;
+  }
+
   body {
     font-family: Inter;
     margin: 0;
-    padding: 1rem;
-  }
-
-  @media screen and (min-width: 260px) {
-    .meni {
-      display: flex;
-      padding: 0;
-      justify-content: space-between;
-    }
-  }
-
-  .meni li {
-    margin-left: 1.2rem;
+    background: var(--siva);
   }
 
   h1 {