update: content moved to .content

components/ContentPage.vue

@@ -2,7 +2,9 @@
   <div class="content-page">
     <h1 class="page-heading">{{ heading }}</h1>
     <section class="content-container">
-      <slot></slot>
+      <div class="content">
+        <slot></slot>
+      </div>
     </section>
     <div class="background background-container">
       <div class="background background-loading"
@@ -84,18 +86,29 @@ $z-index-top: 10;
   position: relative;
 
   height: 100%;
+  width: 100%;
 
   overflow-y: auto;
   overflow-x: hidden;
 
   @media (min-width: $bp__layout) {
     position: absolute;
-    width: 50%;
     top: 0;
     right: 0;
   }
 }
 
+.content {
+  position: absolute;
+  width: 100%;
+  top: 0;
+  right: 0;
+
+  @media (min-width: $bp__layout) {
+    width: 50%;
+  }
+}
+
 .background-container {
   z-index: $z-index-bottom
 }