From d4becfb1ff4583eeada6573abdaa16ed1d4f0cc3 Mon Sep 17 00:00:00 2001
From: Thomas Ruoff <ThomasRuoff@gmail.com>
Date: Thu, 24 Dec 2020 00:05:23 +0100
Subject: [PATCH] remove crazy width restriction

---
 pages/index.tsx  | 55 ++++++++++++++++++++++++------------------------
 styles/index.css |  8 +------
 2 files changed, 29 insertions(+), 34 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index f4f9157..de1eba5 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -8,18 +8,18 @@ export default function Home() {
     <>
       <Header />
       <main className="main">
-        <div className="mt-6 sm:text-center lg:text-left">
+        <div className="mt-6 sm:text-center">
           <h1 className="text-xl tracking-tight font-extrabold text-gray-900 sm:text-2xl md:text-3xl">
             <span className="block text-blue-800 xl:inline">Pfadi-Bussle</span>{' '}
             <span className="block xl:inline">
               des Freundeskreis des VCP Rosenfeld e.V.
             </span>
           </h1>
-          <p className="mt-3 text-base text-gray-500 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
+          <p className="mt-3 text-gray-500 sm:mt-5 sm:text-lg md:text-xl">
             Für Lager, Vereinsausflüge, Urlaubsreisen, Umzüge, etc. kann man
             unser Pfadi-Bussle mieten.
           </p>
-          <div className="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start">
+          <div className="mt-5 sm:mt-8 sm:flex sm:justify-center">
             <div className="rounded-md shadow">
               <Link href="/book">
                 <a className="w-full flex items-center justify-center px-6 py-2 border border-transparent text-base font-medium rounded-md text-white bg-blue-800 hover:bg-blue-900 md:py-2 md:text-lg md:px-5">
@@ -28,31 +28,32 @@ export default function Home() {
               </Link>
             </div>
           </div>
-        </div>
-        <p className="mt-3 text-base text-gray-500 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
-          Du hast weiter Fragen melde Dich gerne bei Thomas Ruoff per{' '}
-          <a className="link" href="mailto:pfadibussle@mail.id0.link">
-            E-Mail
-          </a>
-          , Telefon{' '}
-          <a className="link" href="tel:+4915121225362">
-            0151 / 21225302
-          </a>{' '}
-          oder{' '}
-          <a
-            href="https://wa.me/4915121225362"
-            className="inline-flex flex-row align-baseline"
-          >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              className="fill-current h-3 inline hover:text-gray-700"
-              viewBox="0 0 738 741"
+          <p className="mt-3 text-gray-500 sm:mt-5 sm:text-lg md:text-xl">
+            Du hast weiter Fragen melde Dich gerne bei Thomas Ruoff per
+            <br />
+            <a className="link" href="mailto:pfadibussle@mail.id0.link">
+              E-Mail
+            </a>
+            , Telefon{' '}
+            <a className="link" href="tel:+4915121225362">
+              0151 / 21225302
+            </a>{' '}
+            oder{' '}
+            <a
+              href="https://wa.me/4915121225362"
+              className="inline-flex flex-row align-baseline"
             >
-              <title>Whatsapp</title>
-              <path d="M630 108A368 368 0 0052 551L0 741l195-51a368 368 0 00435-582M370 672c-55 0-108-14-155-42l-11-7-116 31 31-113-7-12A304 304 0 01370 62a303 303 0 01306 305c-1 169-137 305-306 305m168-228l-63-30c-8-3-15-4-21 5l-29 36c-5 6-10 7-20 2-9-5-38-14-73-46-28-24-46-54-51-63-6-9-1-14 4-19l13-16c5-5 7-9 10-15s1-12-1-16l-28-68c-8-18-15-16-21-16h-18c-6 0-16 2-24 11-9 9-32 31-32 77s33 88 37 94c5 7 65 99 157 139l52 19c22 7 42 6 58 4 18-3 54-22 62-44 8-21 8-40 5-43-2-4-8-6-17-11" />
-            </svg>
-          </a>
-        </p>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                className="fill-current h-3 inline hover:text-gray-700"
+                viewBox="0 0 738 741"
+              >
+                <title>Whatsapp</title>
+                <path d="M630 108A368 368 0 0052 551L0 741l195-51a368 368 0 00435-582M370 672c-55 0-108-14-155-42l-11-7-116 31 31-113-7-12A304 304 0 01370 62a303 303 0 01306 305c-1 169-137 305-306 305m168-228l-63-30c-8-3-15-4-21 5l-29 36c-5 6-10 7-20 2-9-5-38-14-73-46-28-24-46-54-51-63-6-9-1-14 4-19l13-16c5-5 7-9 10-15s1-12-1-16l-28-68c-8-18-15-16-21-16h-18c-6 0-16 2-24 11-9 9-32 31-32 77s33 88 37 94c5 7 65 99 157 139l52 19c22 7 42 6 58 4 18-3 54-22 62-44 8-21 8-40 5-43-2-4-8-6-17-11" />
+              </svg>
+            </a>
+          </p>
+        </div>
       </main>
       <Footer />
     </>
diff --git a/styles/index.css b/styles/index.css
index 513a446..a3d6545 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -9,16 +9,10 @@
 /* Your own custom utilities */
 
 .wrapper {
-  @apply mx-3 flex flex-col min-h-screen;
+  @apply mx-3 flex flex-col min-h-screen sm:w-10/12 sm:m-auto;
   min-width: 300px;
 }
 
-@screen sm {
-  .wrapper {
-    @apply w-3/4 max-w-xl m-auto;
-  }
-}
-
 .main {
   @apply flex-grow;
 }