From d092e20247136002e64618390778f417a653876e Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Mon, 7 Dec 2015 13:40:05 -0500 Subject: [PATCH] changing view port range for blocks margin --- css/app.css | 14 ++++++++++++++ scss/_main.scss | 17 +++++++++++++++-- 2 files changed, 29 insertions(+), 2 deletions(-) diff --git a/css/app.css b/css/app.css index 9415493..255709b 100644 --- a/css/app.css +++ b/css/app.css @@ -7064,6 +7064,20 @@ main a { .stButton .chicklets { height: 20px !important; } +.blocks { + position: relative; + padding: 0 38px; + margin-bottom: 50px; } + @media only screen and (max-width: 40em) { + .blocks { + padding: 0 15px; + max-width: 260px; + margin-bottom: 75px; } } + @media 40.063em, 64em { + .blocks { + margin-top: 20px; + margin-bottom: 75px; } } + #slideshow { top: -121px; position: relative; diff --git a/scss/_main.scss b/scss/_main.scss index f3499d5..1d4d98e 100644 --- a/scss/_main.scss +++ b/scss/_main.scss @@ -136,6 +136,19 @@ a.title-posts h1{ height: 20px !important; } - - +.blocks { + position: relative; + // top: -150px; + padding: 0 38px; + margin-bottom: 50px; + @media #{$small-only} { + padding: 0 15px; + max-width: 260px; + margin-bottom: 75px; +} +@media #{$medium-range}{ + margin-top: 20px; + margin-bottom: 75px; +} +} -- 2.17.1