From aa10bc17941e79d388f16d55b48d81ea7d82347f Mon Sep 17 00:00:00 2001
From: Akshay <nerdypepper@tuta.io>
Date: Sun, 9 Feb 2020 11:45:45 +0530
Subject: attempt to fix responsive styles [episode 15]

---
 docs/style.css | 27 +++++----------------------
 1 file changed, 5 insertions(+), 22 deletions(-)

diff --git a/docs/style.css b/docs/style.css
index be19ad0..9f4adb1 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -27,7 +27,7 @@ body {
 }
 
 html {
-  font-size: 20px;
+  font-size: 18px;
 }
 
 table {
@@ -50,38 +50,21 @@ td {
 
 .posts {
   width: 100%;
-}
-
-@media only screen and (min-width: 600px) {
-  .posts {
-    width: 100%;
-  }
-  html {
-    font-size: 18px;
-  }
-}
-
-@media only screen and (min-width: 768px) {
-  .posts {
-    width: 80%;
-  }
-  html {
-    font-size: 18px;
-  }
+  max-width: 100%;
 }
 
 @media only screen and (min-width: 1080px) {
   .posts {
-    width: 70%;
+    max-width: 800px;
   }
   html {
-    font-size: 18px;
+    font-size: 20px;
   }
 }
 
 @media only screen and (min-width: 1400px) {
   .posts {
-    width: 40%;
+    max-width: 720px;
   }
   html {
     font-size: 18px;
-- 
cgit v1.2.3