fix width in the main container

Author: byandrev

index.html

@@ -141,7 +141,7 @@ <h1 class="select-none">Automata Simulation</h1>
       </div>
     </div>
 
-    <main class="leading-7 container mx-auto max-w-screen-lg">
+    <main class="leading-7 container mx-auto px-2">
       <div class="my-10" id="how-to-use">
         <h2 class="text-2xl font-bold mb-2">About</h2>
 
@@ -261,7 +261,7 @@ <h3 class="text-2xl font-bold mb-2">Collaborate</h3>
     </main>
 
     <footer
-      class="container mx-auto flex justify-between items-end border-t-2 py-8"
+      class="container mx-auto flex justify-between items-end border-t-2 py-8 px-2"
     >
       <div>
         <p>Automata Simulation</p>