responsive post main-content

michelson · Sep 25, 2018 · e94845c · e94845c
1 parent 5689edf
commit e94845c
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/app/assets/stylesheets/pages/_posts.show.scss b/app/assets/stylesheets/pages/_posts.show.scss
@@ -9,11 +9,21 @@ body.posts.show {
     display: none;
   }
   .main-content {
-    padding-top: 2em;
+    padding-top: 7em;
     padding-bottom: 2em;
     padding-left: 3%;
     padding-right: 3%;
   }
+
+  @media (min-width: $screen-sm-min) {
+    .main-content {
+      padding-top: 2em;
+      padding-bottom: 2em;
+      padding-left: 3%;
+      padding-right: 3%;
+    }
+  }
+
   .post-picture-wrapper {
     padding: 2em 0;
     img {