fix(index): title top margin

Author: tmlmt

components/HeaderBar.vue

@@ -3,7 +3,7 @@ import logoSrc from '~/assets/logo.svg'
 </script>
 
 <template>
-  <div class="grid justify-content-between align-content-center header m-3">
+  <div class="grid justify-content-between align-content-center m-3">
     <div class="col-4 flex align-items-center">
       <NuxtLink to="/"><img :src="logoSrc" width="40" alt="Logo"></NuxtLink>
     </div>
@@ -16,11 +16,3 @@ import logoSrc from '~/assets/logo.svg'
     </div>
   </div>
 </template>
-
-<style lang="postcss">
-.header {
-  @media (max-width: 768px) {
-    margin-bottom: 0;
-  }
-}
-</style>

pages/index.vue

@@ -50,8 +50,12 @@ defineOgImageStatic({ description: "Thomas Lamant's homepage" })
   }
 
   & h1 {
-    margin-top: 1rem;
+    margin-top: 2rem;
     font-size: 40px;
+
+    @media (max-width: 768px) {
+      margin-top: 1.5rem;
+    }
   }
 
   & .emphasis {