Merge pull request twitter#54 from kvnol/patch-1

Responsive version added
bedeedidiong · Jul 22, 2016 · a90d2bf · a90d2bf
2 parents 5230261 + da4957f
commit a90d2bf
Showing 1 changed file with 68 additions and 0 deletions.
diff --git a/assets/style.css b/assets/style.css
@@ -250,3 +250,71 @@ li.repo h3 {
   height: 100%;
   overflow: hidden;
 }
+
+@media screen and (max-width: 1000px) {
+  body {
+    min-width: inherit;  
+  }
+
+  #wrapper {
+    width: 95%;
+  }
+
+  #main {
+    width: 100%;
+    display: inline-block;
+    float: none;
+    height: auto;
+    padding-bottom: 20px;
+    margin: 0 auto 20px;
+  }
+
+  #logo {
+    margin: 15px auto;
+  }
+
+  .grid .grid-2 {
+    width: 80%;
+  }
+
+  .grid .grid-3 {
+    width: 100%;
+    margin-left: 0;
+    display: flex;
+    justify-content: space-between;
+  }
+
+  #repos {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  li.repo {
+    width: 30%;
+    margin-right: 0;
+    display: inline-block;
+    margin-left: 0;
+  }
+}
+
+@media screen and (max-width: 730px) {
+  li.repo {
+    min-width: 49%;
+  }
+}
+
+@media screen and (max-width: 530px) {
+  .grid .grid-3 {
+    flex-direction: column;
+  }
+
+  .grid .grid-1,
+  .grid .grid-2 {
+    width: 100%;
+    margin-right: 0;
+    margin-left: 0;
+  }
+}