improve styles

2 files changed, 13 insertions, 2 deletions

diff --git a/docs/index.html b/docs/index.html
index 37a353b..cba94e8 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -29,7 +29,7 @@ function showPost(id) {
         <div class="date">31/07 2019</div>
         <a href="#bash_harder_with_vim.md" class="post-link" onClick="showPost('bash_harder_with_vim.md')">Bash Harder With Vim</a>
         <div id="bash_harder_with_vim.md" class="post-text" style="display: block">
-            <p>Bash is tricky, dont let your editor get in your way. Here&#8217;s a couple of neat
+            <p>Bash is tricky, don&#8217;t let your editor get in your way. Here&#8217;s a couple of neat
 addtions you could make to your <code>vimrc</code> for a better shell programming
 experience.</p>
 
diff --git a/docs/style.css b/docs/style.css
index 591c916..4eb28ce 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -32,9 +32,20 @@ html {
   width: 100%;
 }
 
+/* tablets */
+@media only screen and (min-width: 720px) {
+  .posts {
+    width: 80%;
+  }
+  html {
+    font-size: 18px;
+  }
+}
+
+/* laptops */
 @media only screen and (min-width: 1080px) {
   .posts {
-    width: 60%;
+    width: 50%;
   }
   html {
     font-size: 18px;