Fixed mobile layout issues

Author: 3vcloud

site/src/layouts/DocPage.astro

@@ -34,7 +34,7 @@ const navInfo = findInNav(slug);
         </nav>
         <Search client:load />
       </div>
-      <article class="prose prose-invert max-w-none" data-pagefind-body>
+      <article class="prose prose-invert max-w-full overflow-x-hidden lg:max-w-none" data-pagefind-body>
         <h1 class="font-display text-3xl text-(--color-fg)">{title}</h1>
         <slot />
       </article>

site/src/pages/index.astro

@@ -45,7 +45,7 @@ const featureCards = [
 
 <Base>
   <section class="border-b border-(--color-border-glass) flex justify-center">
-    <div class="mx-auto max-w-7xl px-4 py-16 sm:px-6 md:py-24">
+    <div class="mx-auto lg:max-w-7xl max-w-full px-4 py-16 sm:px-6 md:py-24">
       <h1 class="flex flex-col items-center text-center font-display text-3xl leading-tight text-(--color-fg) sm:text-5xl md:text-6xl">
         The all-in-one toolkit for
         <img
@@ -56,7 +56,7 @@ const featureCards = [
           class="mt-2 block h-auto w-full max-w-[600px]"
         />
       </h1>
-      <p class="mt-6 max-w-2xl text-lg text-(--color-fg-sub)">
+      <p class="mt-6 lg:max-w-2xl max-w-full text-lg text-(--color-fg-sub)">
         GWToolbox++ adds builds, hotkeys, automation, widgets, plugins and quality-of-life
         fixes — a single drop-in client modification for both veteran and casual players.
       </p>
@@ -89,7 +89,7 @@ const featureCards = [
         Free, open source, MIT licensed. Windows only.
       </p>
 
-      <div class="mt-10 max-w-2xl">
+      <div class="mt-10 lg:max-w-2xl max-w-full">
         <p class="mb-2 text-xs font-semibold uppercase tracking-widest text-(--color-fg-meta)">
           Looking for something specific?
         </p>