Feature page mobile version first steps.

[people/shoehn/ipfire.org.git] / static / scss / style.scss

diff --git a/static/scss/style.scss b/static/scss/style.scss
index 20bb379792ec539175dc64c09efa2cf33ca88751..a97b14b8092b63141349bdc4b97a39e280a91e43 100644 (file)
--- a/static/scss/style.scss
+++ b/static/scss/style.scss
@@ -261,8 +261,11 @@ section#appliances {
 }
 
 .features-content {
-       padding-top: 161px;
+       padding-top: 88px;
        margin-bottom: 40px;
+       @include media-breakpoint-up(sm) {
+               padding-top: 161px;
+       }
        .content {
                background: white;
                border-radius: 4px;
@@ -277,7 +280,10 @@ section#appliances {
        height: 4px;
        border-radius: 2px;
        background-image: linear-gradient(to right, $red_900, $deep_orange_a400);
-       margin: 56px auto 40px auto;
+       margin: 40px auto 24px auto;
+       @include media-breakpoint-up(sm) {
+               margin: 56px auto 40px auto;
+       }
 }
 
 footer {