Fix responsive layout for Discussions on home page

OpenTechSchool · Oct 7, 2018 · 0ac3407 · 0ac3407
1 parent 1258cf2
commit 0ac3407
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/_sass/_main.scss b/_sass/_main.scss
@@ -476,15 +476,12 @@ ul.nav {
 
 
 .discussion {
-  width: 75%;
   margin: 0 auto;
   margin-bottom: 0;
 }
 
 .topic {
   padding: 15px 0;
-  width: 50%;
-  display: inline-block;
   vertical-align: top;
   .metadata {
     opacity: 0.6;

diff --git a/_sass/_mediaqueries.scss b/_sass/_mediaqueries.scss
@@ -119,6 +119,15 @@
       margin-top: 2.4em;
     }
   }
+
+  .discussion {
+    width: 75%;
+  }
+
+  .topic {
+    width: 50%;
+    display: inline-block;
+  }
 }