From 25a42ef5e4c8f49f12a7a1cf0a1c08d022593e5b Mon Sep 17 00:00:00 2001
From: Aryan Prince <aryanprincesanty@icloud.com>
Date: Fri, 25 Oct 2024 10:38:45 +0300
Subject: [PATCH 1/3] chore: Update lockfile

---
 bun.lockb | Bin 257931 -> 257931 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index 4dcc45dcd3189495e2b7e9da950b63f01dea5ffe..403bf02370c7b807ba500cd91f9288660ae9dcff 100755
GIT binary patch
delta 25
hcmeCa&)<EYzoCV33sc}iMw9lSg-qLn7BXA<0RV>I355Uv

delta 25
hcmeCa&)<EYzoCV33sc}iMx*wig-qLn7BXA<0RV={34;It


From 411d038b1d90955246205d6e68ed7109d5e376d7 Mon Sep 17 00:00:00 2001
From: Aryan Prince <aryanprincesanty@icloud.com>
Date: Fri, 25 Oct 2024 10:39:44 +0300
Subject: [PATCH 2/3] fix: Add text balancing to hero description

---
 src/layouts/Layout.astro | 4 ++++
 src/pages/index.astro    | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index d051113..59268a0 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -197,6 +197,10 @@ import Navbar from "../components/navigation/Navbar.astro";
     border: 1px solid var(--stroke);
   }
 
+  .text-balance {
+    text-wrap: balance;
+  }
+
   @media only screen and (max-width: 903px) {
     button,
     .button {
diff --git a/src/pages/index.astro b/src/pages/index.astro
index a9e5380..964b7ef 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -102,7 +102,7 @@ const socials = [
   <h1 class="mythic-gradient-text">
     The best way to play Windows games on Mac.
   </h1>
-  <p>An <a href="https://github.com/MythicApp">open-source</a> macOS game launcher with the ability to play Windows® games through a custom implementation of Apple's Game Porting Toolkit — supporting multiple platforms.</p>
+  <p class="text-balance">An <a href="https://github.com/MythicApp">open-source</a> macOS game launcher with the ability to play Windows® games through a custom implementation of Apple's Game Porting Toolkit — supporting multiple platforms.</p>
   <br />
   <a class="button-md" href="/download">
     Download Alpha

From c9b9fb3871973852c6cdccafe4801daee471e53c Mon Sep 17 00:00:00 2001
From: Aryan Prince <aryanprincesanty@icloud.com>
Date: Fri, 25 Oct 2024 10:40:39 +0300
Subject: [PATCH 3/3] feat: Add responsive `max-width` for large screens

---
 src/components/navigation/Navbar.astro | 10 ++++++++++
 src/layouts/Layout.astro               |  8 +++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/navigation/Navbar.astro b/src/components/navigation/Navbar.astro
index bf70cd9..3504ec2 100644
--- a/src/components/navigation/Navbar.astro
+++ b/src/components/navigation/Navbar.astro
@@ -76,4 +76,14 @@
       gap: 10px;
     }
   }
+
+  @media (min-width: 1536px) {
+    .logo {
+      padding-left: 300px;
+    }
+
+    .right-items {
+      padding-right: 300px;
+    }
+  }
 </style>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 59268a0..a634529 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -102,7 +102,7 @@ import Navbar from "../components/navigation/Navbar.astro";
   }
 
   body {
-    max-width: 96vw !important;
+    max-width: 96vw;
     margin: 50px auto 0;
     display: flex;
     text-align: center;
@@ -258,4 +258,10 @@ import Navbar from "../components/navigation/Navbar.astro";
       width: 480px;
     }
   }
+
+  @media (min-width: 1536px) {
+    body {
+      max-width: 70vw;
+    }
+  }
 </style>