jdormit/jeremy-website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add responsive layout

Browse Source
This commit is contained in:
Jeremy Dormitzer 2019-06-12 23:21:47 -04:00
parent 8ef3f5dc3d
commit 06644493ef
2 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/stylesheet.css.pp
View File

@ -100,6 +100,7 @@ pre > code.hljs {
margin-top: ◊|navbar-height|px;
grid-column: 5 / 10;
hyphens: auto;
max-width: 100%;
}
ul.navigation {
@ -138,3 +139,18 @@ div.divider {
margin-bottom: 2em;
border-top: 1px solid ◊|divider-color|;
}
@media screen and (max-width: 720px) {
.content {
grid-column: 2 / 12;
}
.float-left {
float: none;
margin-right: auto;
}
ul, ol {
margin: 0 0 1.5em 1em;
}
}

2
src/template.html.p
View File

@ -3,7 +3,7 @@
(select 'h1 doc)
"Jeremy Dormitzer"))
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>◊|the-title|</title>