Fixes #488

Author: oharsta

client/src/styles/mixins.scss

@@ -29,6 +29,11 @@
     display: grid;
     grid-template-columns: [first] 1fr [second] 1fr;
 
+    @media (max-width: $medium) {
+        padding: 0 15px;
+        grid-template-columns: [first] 1fr;
+    }
+
     .input-field, .select-field, .date-field, .error-indication, .sds--checkbox-container {
         grid-column-start: first;
     }

client/src/styles/vars.scss

@@ -1,5 +1,5 @@
 $background: #eaebf0;
 $br: 6px;
 // Screen
-$medium: 1280px;
+$medium: 824px;
 $tablet-max: 824px;

welcome/src/styles/vars.scss

@@ -1,5 +1,5 @@
 $background: #eaebf0;
 $br: 6px;
 // Screen
-$medium: 1280px;
+$medium: 824px;
 $tablet-max: 824px;