page investigations

assets/css/base/_body.scss

@@ -54,4 +54,11 @@ img{
 
 body, #site-header, #site-footer{
     transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+@mixin grid-content(){
+    display: grid;
+    grid-gap: var(--padding-inner);
+    grid-template-columns: 2fr 3fr;
+    position: relative;
 }

assets/css/base/_var.scss

@@ -18,6 +18,7 @@
   --fs-button-bold: 22px;
 
   --max-w-content: 700px;
+  --max-w-container: 1280px;
 
   @media #{$small} {
     --fs-medium: 20px;