From 9bbeda4514ca7c474806497cc0c068ad03910466 Mon Sep 17 00:00:00 2001
From: Luis Castro <luiscastroem@gmail.com>
Date: Mon, 9 Sep 2019 13:40:42 +0200
Subject: [PATCH] fix(homepage): mobile margins

---
 app/assets/stylesheets/static_pages.scss | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/static_pages.scss b/app/assets/stylesheets/static_pages.scss
index 0a08ba1f..263f27bd 100644
--- a/app/assets/stylesheets/static_pages.scss
+++ b/app/assets/stylesheets/static_pages.scss
@@ -93,16 +93,20 @@
     }
 
     &--plan {
-      min-width: 18rem;
+      min-width: 100%;
       max-width: 24rem;
       flex: 1;
-      margin: 1rem 2rem;
+      margin: 1rem 0;
       background: white;
       border: 1px solid $secondary-color;
       color: $secondary-color;
       border-radius: 0.4rem;
       padding: 1.5rem;
 
+      @media (min-width: 80rem) {
+        margin: 1rem 2rem;
+      }
+
       &:nth-child(even) {
         background-color:lighten($primary-color,55);
         border-color: $primary-color;
@@ -152,15 +156,19 @@
     }
 
     &--product {
-      min-width: 18rem;
+      min-width: 100%;
       max-width: 24rem;
       flex: 1;
-      margin: 1rem 2rem;
+      margin: 1rem 0;
       background: $primary-color;
       border: 1px solid $secondary-color;
       border-radius: 1rem;
       overflow: hidden;
 
+      @media(min-width: 80rem) {
+        margin: 1rem 2rem;
+      }
+
       img { // fix for odd image export from Figma
         display: block;
         height: 101%;