fix: remove horizontal scrolling on mobile

Author: maxekman

Diff for: index.html

@@ -20,10 +20,10 @@
                 class="max-w-50 mt-2"
             />
         </header>
-        <main role="main" id="main" class="flex-1">
+        <main role="main" id="main" class="flex-1 mx-4 lg:mx-auto">
             <section
                 id="presentation"
-                class="prose lg:prose-lg prose-neutral lg:container mx-4 lg:mx-auto mb-8"
+                class="lg:container prose lg:prose-lg prose-neutral mb-8"
             >
                 <h3>Software architecture studio</h3>
                 <p>
@@ -39,7 +39,7 @@ <h3>Software architecture studio</h3>
             </section>
             <section
                 id="workflow"
-                class="prose lg:prose-lg prose-neutral lg:container mx-4 lg:mx-auto mb-8"
+                class="lg:container prose lg:prose-lg prose-neutral mb-8"
             >
                 <h3>Worflow</h3>
                 <p>
@@ -54,7 +54,7 @@ <h3>Worflow</h3>
             </section>
             <section
                 id="reachout"
-                class="prose lg:prose-lg prose-neutral lg:container mx-4 lg:mx-auto mb-12"
+                class="lg:container prose lg:prose-lg prose-neutral mb-12"
             >
                 <h3>Reach out!</h3>
                 <p>
@@ -67,7 +67,7 @@ <h3>Reach out!</h3>
             </section>
             <section
                 id="about"
-                class="prose lg:prose-lg prose-neutral lg:container mx-4 lg:mx-auto mb-12"
+                class="lg:container prose lg:prose-lg prose-neutral mb-12"
             >
                 <h3>About the company</h3>
                 <img
@@ -92,9 +92,9 @@ <h3>About the company</h3>
         <footer role="footer" id="footer" class="bg-black text-gray">
             <div
                 id="page-footer"
-                class="container pt-12 mx-4 lg:mx-auto grid md:grid-cols-3"
+                class="container pt-12 lg:mx-auto grid md:grid-cols-3"
             >
-                <section id="contact">
+                <section id="contact" class="mx-4">
                     <address class="not-italic">
                         <h5>Max Ekman</h5>
                         Software Architect, Owner
@@ -104,7 +104,7 @@ <h5>Max Ekman</h5>
                         <a href="tel:+46708710504">+46 (0)708-710504</a>
                     </address>
                 </section>
-                <section id="social" class="mt-6 md:mt-0">
+                <section id="social" class="mx-4 mt-6 md:mt-0">
                     <a href="https://se.linkedin.com/company/looplab-ab"
                         >linkedin.com/company/looplab-ab</a
                     >
@@ -120,7 +120,7 @@ <h5>Max Ekman</h5>
                     >
                     <br />
                 </section>
-                <section id="address" class="mt-8 md:mt-0">
+                <section id="address" class="mx-4 mt-8 md:mt-0">
                     <address class="not-italic">
                         Looplab AB<br />
                         Slätvarsgatan 18<br />