wip

app.vue

@@ -20,14 +20,15 @@
   font-family: 'Poppins', sans-serif;
 }
 
+
 h1 {
-  font-size: 92px;
+  font-size: 48px;
   text-align: center;
   color: var(--black);
 }
 
 h2 {
-  font-size: 48px;
+  font-size: 32px;
   color: var(--blue-primary);
   text-align: center;
   margin-top: 32px;
@@ -47,4 +48,15 @@ footer {
 .min-height {
   min-height: 100vh;
 }
+
+@media screen and (min-width: 1280px) {
+
+  h1 {
+    font-size: 92px;
+  }
+
+  h2 {
+    font-size: 48px;
+  }
+}
 </style>

pages/index.vue

@@ -10,7 +10,7 @@ const toast = useToast()
 <template>
     <main class="mt-32">
         <div class="flex justify-center mb-6">
-            <UBadge color="primary" variant="subtle">Studentský blog plný zajímavých článků o IT z průmyslovky Kutná
+            <UBadge color="primary" variant="subtle" class="text-center">Studentský blog plný zajímavých článků o IT z průmyslovky Kutná
                 Hora!</UBadge>
         </div>
         <h1>Blog SPŠ Kutná Hora</h1>
@@ -22,7 +22,7 @@ const toast = useToast()
                 našich studentů z Kutné Hory.
             </p>
         </div>
-        <div class="flex gap-6 justify-center mt-6">
+        <div class="flex max-xl:flex-col gap-6 justify-center mt-6">
             <UButton @click="toast.add({ title: 'Přešel jsi na stránku seznam článků!' })" to="/tips-and-tricks"
                 label="Přejít na stránku Tips&Tricks" color="primary" />
             <UButton @click="toast.add({ title: 'Přešel jsi na stránku studentské projekty!' })" to="/projects"