From 3c79d61ea2f94cd3ace4034560ae244fb91a65b6 Mon Sep 17 00:00:00 2001
From: Felix Wolfsteller <felix.wolfsteller@gmail.com>
Date: Tue, 13 Oct 2020 20:20:45 +0200
Subject: [PATCH] make fullwidth sections mobile-friendlier

---
 app/assets/stylesheets/yosis/_home.scss | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/app/assets/stylesheets/yosis/_home.scss b/app/assets/stylesheets/yosis/_home.scss
index 7eebf11..c889813 100644
--- 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 */