From 6604e910d0da0bef3e0007193b2248c6a07f572c Mon Sep 17 00:00:00 2001
From: Danila Fedorin <danila.fedorin@gmail.com>
Date: Sun, 10 Nov 2019 17:09:43 -0800
Subject: [PATCH] Use media query to nicely display in-browser

---
 css/style.css   | 8 ++++++++
 resume.html     | 2 +-
 scss/style.scss | 9 +++++++++
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index db2c2db..39f7383 100644
--- a/css/style.css
+++ b/css/style.css
@@ -12,6 +12,14 @@ body {
   font-family: "Raleway";
   line-height: 1.3em;
   font-size: 14px; }
+  @media not print {
+    body {
+      max-width: 215.9mm;
+      margin-top: 10px;
+      padding-top: 5px;
+      margin-left: auto;
+      margin-right: auto;
+      box-shadow: 0px 0px 5px #dadada; } }
 
 header {
   text-align: center;
diff --git a/resume.html b/resume.html
index 83c2170..2fe4685 100644
--- a/resume.html
+++ b/resume.html
@@ -53,7 +53,7 @@
                             <h2>danilafe.com</h2>
                             <i data-feather="link" class="project-link-icon"></i>
                         </a>
-                        <div class="project-quip">Blog containing a series on compiler development</div>
+                        <div class="project-quip">Blog containing a series on compiler development.</div>
                         <ul>
                             <li>Teaches compiler development from the bottom up using common technologies such as Flex,
                                 Bison and LLVM.</li>
diff --git a/scss/style.scss b/scss/style.scss
index 5dd192b..da4ab18 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -22,6 +22,15 @@ body {
     font-family: $text-font;
     line-height: 1.3em;
     font-size: 14px;
+
+    @media not print {
+        max-width: 215.9mm;
+        margin-top: 10px;
+        padding-top: 5px;
+        margin-left: auto;
+        margin-right: auto;
+        box-shadow: 0px 0px 5px #dadada;
+    }
 }
 
 header {