From f1e5d53ddbd1c75579fd7846b40a656169bfd3a7 Mon Sep 17 00:00:00 2001
From: Notoric <tom@acornes.com>
Date: Fri, 24 Jan 2025 08:31:09 +0000
Subject: [PATCH] fixed vertical view & responsiveness

---
 styles/global.css | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/styles/global.css b/styles/global.css
index 027f28a..c08b01a 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -454,7 +454,6 @@ main {
     border-radius: 12%;
     border: none;
     display: block;
-    margin: auto;
     margin-block: 40px;
     cursor: pointer;
     padding: 0;
@@ -462,7 +461,10 @@ main {
 
 #cv-button-wrapper {
     color: var(--accent);
+    display: block;
     text-decoration: none;
+    width: fit-content;
+    margin: auto;
 }
 
 #cv-button::before {
@@ -714,7 +716,8 @@ main {
 
     #contact h1 {
         padding: 0;
-        width: fit-content;
+        width: 100%;
+        text-align: center;
         margin-inline: auto;
     }
 
@@ -724,7 +727,8 @@ main {
 
     .contact-area {
         display: grid;
-        width: calc(100vw - 192px);
+        max-width: calc(100vw - 192px);
+        width: fit-content;
     }
 
     .contact-area svg {
@@ -735,8 +739,9 @@ main {
     .contact-area a {
         grid-column: 2;
         grid-row: 1;
-        width: fit-content;
+        display: block;
         margin-top: auto;
+        width: 100%;
     }
 
     .contact-area p {
@@ -762,4 +767,8 @@ main {
     #contact-showcase {
         padding-inline: 20px;
     }
+
+    .contact-area {
+        max-width: calc(100vw - 48px);
+    }
 }
\ No newline at end of file