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; margin-top: ◊|navbar-height|px;
grid-column: 5 / 10; grid-column: 5 / 10;
hyphens: auto; hyphens: auto;
max-width: 100%;
} }
ul.navigation { ul.navigation {
@ -138,3 +139,18 @@ div.divider {
margin-bottom: 2em; margin-bottom: 2em;
border-top: 1px solid ◊|divider-color|; 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) (select 'h1 doc)
"Jeremy Dormitzer")) "Jeremy Dormitzer"))
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>◊|the-title|</title> <title>◊|the-title|</title>