fixed images on landings

components/bio/BioHeading.vue

@@ -18,6 +18,17 @@
       </p>
 
       <div :class="$style.buttons">
+        <UiActionButton
+          href="https://github.com/muerwre"
+          target="_blank"
+          variant="primary"
+        >
+          Contact me
+          <template v-slot:suffix>
+            <IconsArrowRight width="22" height="22" fill="currentColor" />
+          </template>
+        </UiActionButton>
+
         <UiActionButton
           href="https://github.com/muerwre"
           target="_blank"
@@ -85,5 +96,9 @@
   @include desktop {
     margin-top: 20px;
   }
+
+  & > * {
+    margin: 0 15px 15px 0;
+  }
 }
 </style>

components/home/HomeHeader.vue

@@ -56,10 +56,6 @@
   @include desktop {
     border-bottom: 2px solid var(--color-line);
     justify-content: center;
-
-    .desk {
-      max-width: 400px;
-    }
   }
 }
 
@@ -69,7 +65,7 @@
   margin: 0.8rem 0;
 
   @include phone {
-    font-size: 2.5rem;
+    font-size: 2.2rem;
     line-height: 3rem;
   }
 }
@@ -92,12 +88,14 @@
 
   @include tablet {
     text-align: center;
+    width: 100%;
+    max-width: 100%;
     padding-top: 0;
     padding-bottom: 40px;
   }
 }
 .desk {
-  max-width: 100%;
+  max-width: 80vw;
 
   @include desktop {
     max-height: 50vh;