Issue #2298001 by er.pushpinderrana | LewisNyman: Remove #page CSS from Seven.

core/themes/seven/seven.base.css

@@ -2,7 +2,7 @@
  * Generic elements.
  */
 body {
-  color: #000;
+  color: #333;
   background: #fff;
   font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif;
 }

core/themes/seven/style.css

@@ -414,28 +414,6 @@ li.tabs__tab a {
   border-bottom-color: #008ee6;
 }
 
-/**
- * Page layout.
- */
-#page {
-  background: #fff;
-  color: #333;
-  margin-left: 0.8125em;
-  margin-right: 0.8125em;
-  position: relative;
-}
-@media screen and (min-width:28.125em) { /* 450px */
-  #page {
-    margin-left: 1.25em;
-    margin-right: 1.25em;
-  }
-}
-@media screen and (min-width:45em) { /* 720px */
-  #page {
-    margin-left: 2.5em;
-    margin-right: 2.5em;
-  }
-}
 ul.links li,
 ul.inline li {
   padding-right: 1em; /* LTR */
@@ -852,9 +830,6 @@ select.form-select:focus {
  * Improve form element usability on narrow devices.
  */
 @media screen and (max-width: 600px) {
-  #page {
-    margin: 0 10px;
-  }
   input.form-autocomplete,
   input.form-text,
   input.form-tel,

core/themes/seven/templates/page.html.twig

@@ -76,7 +76,7 @@
     </div>
   </header>
 
-  <div id="page" class="layout-container">
+  <div class="layout-container">
     {% if secondary_local_tasks %}
       <div class="tabs-secondary clearfix" role="navigation">{{ secondary_local_tasks }}</div>
     {% endif %}