Use media query to nicely display in-browser

This commit is contained in:
Danila Fedorin 2019-11-10 17:09:43 -08:00
parent 05c1ec1dfd
commit 6604e910d0
3 changed files with 18 additions and 1 deletions

View File

@ -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;

View File

@ -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>

View File

@ -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 {