fixed the footer

pull/1/head
kirbylife 2019-12-04 16:25:53 -06:00
parent 605d689fd8
commit 96f8ed02e4
2 changed files with 11 additions and 12 deletions

View File

@ -67,6 +67,14 @@ nav a:hover {
div.container { div.container {
margin: auto; margin: auto;
width: 80%; width: 80%;
min-height: calc(100vh - 128px);
}
@media (max-width: 640px) {
div.container {
width: 95%;
min-height: calc(100vh - 97px);
}
} }
strong { strong {
@ -75,25 +83,16 @@ strong {
} }
footer { footer {
position: absolute; position: relative;
bottom: 0; bottom: 0;
right: 0; right: 0;
left: 0; left: 0;
display: grid;
width: 100%;
background-color: #444444; background-color: #444444;
color: #f0f0f0; color: #f0f0f0;
font-family: monospace; font-family: monospace;
font-size: 13px; font-size: 13px;
grid-template-columns: 1fr auto 1fr;
grid-template-rows: 3em;
grid-template-areas: ". info .";
}
footer span {
grid-area: info;
margin-top: 1em;
text-align: center; text-align: center;
padding: 1em 0 1em 0;
} }
footer span a { footer span a {

View File

@ -15,7 +15,7 @@ article {
"image body body" "image body body"
"image . info"; "image . info";
*/ */
grid-gap: 5px; grid-gap: 3px;
grid-template-columns: 1fr 20em; grid-template-columns: 1fr 20em;
grid-template-rows: auto 1fr auto; grid-template-rows: auto 1fr auto;
grid-template-areas: grid-template-areas: