resolved pbm of margin in title section, it was because of the min function in font size

styles/style.css

@@ -2,10 +2,8 @@ html {
 	font-size: 62.5%;
 }
 :root {
-	--small-space: 10px;
-	--medium-space: calc(var(--small-space) * 3);
-	--big-space: calc(var(--small-space) * 10);
 	--list-padding: 10px;
+	--section_side_margin: 20px;
 }
 body {
 	overflow-x: hidden;
@@ -21,6 +19,10 @@ script, style {
 pre {
 	margin: 10px 0px;
 }
+section {
+	justify-self: center;
+	margin: 50px var(--section_side_margin);
+}
 
 
 /*
@@ -42,7 +44,7 @@ pre {
 #banner_7        { grid-area: banner_7;}
 #banner_8        { grid-area: banner_8;}
 
-body {
+#body {
 	/*
 	*/
 	display: grid;