Limit width on big screen

Author: thibaudgg

source/layouts/layout.slim

@@ -43,7 +43,8 @@ html class='bg-white antialiased scroll-smooth' lang='fr'
           }
         })
 
-  body class='font-sans mx-4 md:mx-12'
-    = partial 'header'
-    main = yield
-    = partial 'footer'
+  body class='font-sans md:mx-auto md:max-w-7xl'
+    .wrapper class="mx-4 md:mx-12"
+      = partial 'header'
+      main = yield
+      = partial 'footer'

source/stylesheets/site.css

@@ -1085,6 +1085,10 @@ strong {
     width: fit-content;
   }
 
+  .md\:max-w-7xl {
+    max-width: 80rem;
+  }
+
   .md\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }