Increase whitespace for larger screens on about

Author: mcecode

src/components/about/hero.astro

@@ -35,6 +35,7 @@ import avatarPng from "@assets/avatar.png";
     section {
       grid-template-areas: "avatar title" "avatar subtitle";
       column-gap: v-size(10);
+      margin-bottom: v-size(20);
       text-align: left;
     }
     h1 {

src/components/about/section.astro

@@ -17,6 +17,7 @@ const { title, description } = Astro.props;
     section {
       display: flex;
       gap: v-size(5);
+      margin-bottom: v-size(20);
     }
     h2 {
       flex: 1 0 40%;