use common layout for grid

assets/sass/pages/_awesome.scss

@@ -1,23 +1,5 @@
 #awesome-page {
-  padding: 20px 0 200px 0;
-
-  display: grid;
-  grid-template-columns:
-      [full-start] minmax(1em, 1fr)
-      [main-start] minmax(0, 80em) [main-end]
-      minmax(1em, 1fr) [full-end];
-  grid-row-gap: 1em;
-
-  &> * {
-    grid-column: main;
-  }
-
   .content {
-    background-color: #fff;
-    border: 1px solid #cecece;
-    border-radius: 5px;
-    padding: 40px;
-
     p {
       margin-bottom: 16px;
     }

assets/sass/pages/_home.scss

@@ -1,18 +1,6 @@
 #home-page {
-  padding: 20px 0 200px 0;
   text-align: center;
 
-  display: grid;
-  grid-template-columns:
-      [full-start] minmax(1em, 1fr)
-      [main-start] minmax(0, 80em) [main-end]
-      minmax(1em, 1fr) [full-end];
-  grid-row-gap: 1em;
-
-  &> * {
-    grid-column: main;
-  }
-
   hr {
     width: 75%;
     margin: 40px auto 40px auto;
@@ -22,11 +10,6 @@
   }
 
   .content {
-    background-color: #fff;
-    border: 1px solid #cecece;
-    border-radius: 5px;
-    padding-top: 40px;
-
     h1 {
       width: 75%;
       margin: 20px auto;

awesome.html

@@ -4,7 +4,7 @@ title: Awesome
 permalink: /awesome
 ---
 
-<div id="awesome-page">
+<div id="awesome-page" class="common-layout">
   <div class="content">
     {% capture awesome_include %}{% include_relative awesome-circuitpython/README.md %}{% endcapture %}
     {{ awesome_include | markdownify }}

index.html

@@ -5,7 +5,7 @@
 layout: home
 ---
 
-<div id="home-page">
+<div id="home-page" class="common-layout">
   <div class="content">
     <img class="responsive" src="{{ "/assets/images/blinka-computer.png" | relative_url }}" srcset="{{ "/assets/images/blinka-computer.png" | relative_url }} 1x,
                                  {{ "/assets/images/blinka-computer@2x.png" | relative_url }} 2x,