fix(style.css): fix margin and padding of body

nostalgic-css · Dec 10, 2018 · 2819ca3 · 2819ca3
1 parent 73b3616
commit 2819ca3
Showing 1 changed file with 18 additions and 7 deletions.
diff --git a/style.css b/style.css
@@ -30,13 +30,6 @@ div.tables > .nes-table:first-child {
   margin-bottom: 2rem;
 }
 
-@media screen and (max-width: 768px) {
-  div.tables > .nes-table {
-    max-width: 100%;
-    margin-right: 0;
-  }
-}
-
 .balloon.nes-container .nes-balloon {
   max-width: 600px;
   margin: 2rem 2rem;
@@ -93,3 +86,21 @@ div.tables > .nes-table:first-child {
 .github-link > i.nes-octocat {
   align-self: flex-end;
 }
+
+@media screen and (max-width: 768px) {
+  body {
+    padding: 0;
+    margin: 2rem 0.2rem;
+  }
+  div.tables > .nes-table {
+    max-width: 100%;
+    margin-right: 0;
+  }
+  .balloon.nes-container .nes-balloon {
+    max-width: 70%;
+  }
+
+  .github-link {
+    display: none;
+  }
+}