make fullwidth sections mobile-friendlier

econya · Oct 13, 2020 · 3c79d61 · 3c79d61
1 parent d9b702e
commit 3c79d61
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/app/assets/stylesheets/yosis/_home.scss b/app/assets/stylesheets/yosis/_home.scss
@@ -12,6 +12,14 @@
   margin-top: 100px;
   left: 50%;
   @extend .has-background-verycleargrey;
+  @include mobile {
+    padding-left:  2em;
+    padding-right: 2em;
+  }
+  @include tablet {
+    padding-left:  2em;
+    padding-right: 2em;
+  }
 }
 
 .darkgrey_fullwidth {
@@ -24,6 +32,14 @@
   background-color: #26232A;
   //@extend .has-background-grey;
   font-color: findColorInvert(#26232A);
+  @include tablet {
+    padding-left:  2em;
+    padding-right: 2em;
+  }
+  @include mobile {
+    padding-left:  2em;
+    padding-right: 2em;
+  }
 }
 
 /* 1:1 ratio circle thing */