Update the internals of the styling a little

Fixes #4
This commit is contained in:
2021-09-27 14:16:52 -05:00
parent 718efd865e
commit f0cd329901
5 changed files with 31 additions and 15 deletions

View File

@ -1,10 +1,10 @@
@media screen and (max-width: 700px) {
.row {
.page {
flex-direction: column;
}
}
@media screen and (max-width: 400px) {
.navbar a {
#main a {
float: none;
width: 100%;
}
@ -35,11 +35,11 @@ blockquote {
font-size: 40px;
}
.navbar {
#main {
overflow: hidden;
background-color: #222;
}
.navbar a {
#main a {
float: left;
display: block;
color: lightgray;
@ -47,7 +47,7 @@ blockquote {
padding: 14px 20px;
text-decoration: none;
}
.navbar a:hover {
#main a:hover {
background-color: #444;
color: white;
}
@ -55,7 +55,7 @@ blockquote {
* {
box-sizing: border-box;
}
.row {
.page {
flex: 1;
display: flex;
flex-wrap: wrap;