reducing margin between the home page blocks

home page blocks were popping out of flow because of too much margin at lower bounds of large view

diff --git a/css/app.css b/css/app.css
index 7e19c9f..bc0ecaa 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7855,7 +7855,7 @@ body .stButton .sharethis {
     position: relative;
     height: 300px;
     max-width: 320px;
-    margin: 15px;
+    margin: 15px 5px;
     border: 5px double rgba(57, 77, 86, 0.3); }
     @media only screen and (min-width:0em) and (max-width:64em) {
       .blocks .block:not(.events-block) {

diff --git a/scss/plugins/_blocks.scss b/scss/plugins/_blocks.scss
index f8dfa88..391ceb4 100644 (file)
--- a/scss/plugins/_blocks.scss
+++ b/scss/plugins/_blocks.scss
@@ -30,7 +30,7 @@
         height: 300px;
         max-width: 320px;
         // margin: 20px 20px 0 0;
-        margin: 15px;
+        margin: 15px 5px;
         border: 5px double rgba($dark-blue, .3);
         @media #{$medium-down}{
             margin: 0 auto;