fixed proportions

components/bio/BioHeading.vue

@@ -16,11 +16,6 @@
         numerous other frameworks for the most of my time, but I'm also capable
         of doing <b>Typescript</b> and <b>Golang</b> backend.
       </p>
-
-      <p>
-        I've started coding more than 15 years ago as a hobby and still love
-        doing that on my work and free time.
-      </p>
     </div>
   </section>
 </template>

components/home/HomeHeader.vue

@@ -41,7 +41,7 @@
 
 .grid {
   display: grid;
-  grid-template-columns: 14fr 10fr;
+  grid-template-columns: 17fr 10fr;
   column-gap: 50px;
   border-bottom: 2px solid var(--color-line);
 
@@ -93,6 +93,7 @@
   display: flex;
   flex-direction: column;
   justify-content: center;
+  max-width: 500px;
 
   @include tablet {
     text-align: center;

pages/bio.vue

@@ -1,6 +1,6 @@
 <template>
   <article :class="$style.content">
-    <section :class="$style.section">
+    <section :class="[$style.section, $style.heading]">
       <BioHeading />
     </section>
 
@@ -16,14 +16,13 @@ definePageMeta({ layout: "content" });
 
 <style lang="scss" module>
 .content {
-  padding: 40px 0 0 0;
 }
 
 .section {
   padding: 40px 0;
 
-  &:not(:last-child) {
+  &.heading {
-    border-bottom: 2px solid var(--color-line);
+    padding-bottom: 0;
   }
 }
 </style>