Fix ui/ux issues

src/pages/index.astro

@@ -17,7 +17,7 @@ import ButtonLink from "../components/ButtonLink.astro"
 <Layout>
     <header id="home">
         <Image src={logoLong} alt="Henry Hiles" />
-        <span>Multiplatform Flutter Developer and Frontend Web Developer</span>
+        <span>Multiplatform Flutter Developer & Frontend Web Developer</span>
     </header>
     <mdui-card variant="outlined">
         <section id="about">
@@ -101,7 +101,7 @@ import ButtonLink from "../components/ButtonLink.astro"
                                     development.
                                 </p>
                             </article>
-                            <aside>
+                            <aside class="double">
                                 <Image
                                     src={jobProcessor}
                                     alt="The QJobProcessor mobile app"
@@ -210,7 +210,7 @@ import ButtonLink from "../components/ButtonLink.astro"
                         ></path></svg
                     ></mdui-icon
                 >
-                Contact me to receive a quote
+                Contact me for a quote
             </ButtonLink>
         </section>
     </mdui-card>

src/styles/button.css

@@ -3,7 +3,7 @@ button,
     display: flex;
     justify-content: center;
     align-items: center;
-    gap: 0.3em;
+    gap: 0.6em;
     border: 2px solid rgb(var(--primary));
     color: white;
     border-radius: 50px;

src/styles/index.css

@@ -48,6 +48,10 @@ main > * > section {
         padding: 1em;
         flex-wrap: wrap;
 
+        @media (max-width: 500px) {
+            border: none;
+        }
+
         & a {
             min-width: 150px;
             width: 15%;
@@ -84,6 +88,10 @@ main > * > section {
                     & img {
                         border-radius: var(--mdui-shape-corner-medium);
                         border: 2px solid rgb(var(--primary));
+
+                        .double > & {
+                            width: 45%;
+                        }
                     }
                 }
                 :nth-child(2) > & {