Commit 2967841c authored by cgm616's avatar cgm616

Restyle header a bit to work on small devices

parent fde2fef9
......@@ -16,7 +16,7 @@ header {
}
.nav-list {
font-family: monospace;
font-family: "Courier New", Courier, monospace;
list-style-type: none;
line-height:1.8rem;
text-align: right;
......@@ -24,6 +24,22 @@ header {
padding-right: 3%;
}
@media screen and (max-width:480px) {
.nav-list {
flex-grow: 1;
display: flex;
flex-wrap:wrap;
justify-content:space-around;
margin-top:-0.2rem;
margin-bottom:.8rem;
padding:0;
}
.nav-list li {
padding-right:.8rem;
padding-left:.8rem;
}
}
.post-list {
list-style-type: none;
padding-left: 0;
......@@ -69,7 +85,9 @@ a:visited {
h1.title {
font-variant: small-caps;
margin-bottom: 0.8rem;
margin-bottom: .5rem;
line-height: 2.4rem;
margin-top: 0.5rem;
}
h1, h2, h3 {
......@@ -78,8 +96,8 @@ h1, h2, h3 {
.ascii {
font-family: monospace;
font-size: 0.6rem;
line-height: 0.6rem;
font-size: 0.5rem;
line-height: 0.5rem;
white-space: pre;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment