Add max-width containers

foundation/public/css/erpnext-org-theme.css

@@ -37,3 +37,11 @@ a {
 .logo-img {
 	width: var(--unit-3);
 }
+
+.outter-container {
+	max-width: var(--screen-laptop);
+}
+
+.inner-container {
+	max-width: var(--screen-palm);
+}

foundation/public/css/reset.css

@@ -38,6 +38,7 @@ body {
 	font-feature-settings: "kern" 1;
 	font-kerning: normal;
 	text-rendering: optimizeLegibility;
+	margin: 0;
 }
 
 [ tabindex = "-1" ]:focus {

foundation/templates/base.html

@@ -9,7 +9,8 @@
 {% endblock %}
 
 {% block body %}
-<body class="container m0auto page-shadow text-dark-grey" data-path="{{ path }}">
+<body class="bg-light-grey text-dark-grey" data-path="{{ path }}">
+    <div class="outter-container m0auto">
         {%- block navbar -%}{% include "templates/includes/navbar/navbar.html" %}{%- endblock -%}
         {% block content %}
         {{ content }}
@@ -31,7 +32,7 @@
             {% include 'public/js/index.js' %}
         </script>
         {%- endblock %}
-
+</div>
     <!-- csrf_token -->
 </body>
 {% endblock %}

foundation/templates/includes/footer/footer.html

@@ -1,5 +1,5 @@
-<footer>
-	<div class="border-top flex space-between p4">
+<footer class="bg-white border-top">
+	<div class="inner-container m0auto flex space-between p4">
 		<div >
 			<h3 class="h3 text-black mb1">Industries</h3>
 			<ul class="list-unstyled">
@@ -114,8 +114,8 @@
 			</ul>
 		</div>
 	</div>
-			<div class="p4 border-top">
-				<div class="bottom-spacer">
+			<div class="border-top">
+				<div class=" p4 inner-container m0auto">
 					<span>&copy; <span id="year"></span> ERPNext Open Source Software Foundation. Content licensed under <a  href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank"> CC-BY-SA 3.0</a> Read the <a href="/terms" >Terms of use</a>.</span>
 				</div>
 			</div>

foundation/templates/includes/navbar/navbar.html

@@ -1,5 +1,5 @@
-<nav class="navbar top-sticky bg-white" role="navigation">
-	<div class="flex space-between align-item-center border-bottom ph4 pv2">
+<nav class="navbar border-bottom top-sticky bg-white" role="navigation">
+	<div class="flex space-between align-item-center m0auto inner-container ph4 pv2">
 		<div class="left flex align-item-center">
 			<a class="logo flex align-item-center pr1" href="{{ url_prefix }}{{ home_page or "/"}}">
 				<img class="logo-img" src="/assets/foundation/img/erpnext-logo.svg" alt="Open Source ERP Software">