Fix footer

This commit is contained in:
Avijit 🚀
2021-06-23 21:35:06 +02:00
parent e663fe1123
commit 5499cf92b2
2 changed files with 13 additions and 3 deletions

View File

@@ -5,7 +5,7 @@
{{- partial "header.html" . -}} {{- partial "header.html" . -}}
<main id="content"> <main id="content">
{{- block "main" . }}{{- end }} {{- block "main" . }}{{- end }}
{{- partial "footer.html" . -}}
</main> </main>
{{- partial "footer.html" . -}}
</body> </body>
</html> </html>

View File

@@ -2,6 +2,12 @@ html {
background: white; background: white;
color: black; color: black;
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
min-height: 100%;
position: relative;
}
body {
margin-bottom: 170px;
} }
/* HEADER */ /* HEADER */
@@ -97,11 +103,15 @@ html {
/* FOOTER */ /* FOOTER */
.footer { .footer {
bottom: 0;
border-top: 1px solid #eee; border-top: 1px solid #eee;
color: inherit; color: inherit;
margin-top: 50px; left: 0;
overflow: hidden;
padding: 40px 0; padding: 40px 0;
position: absolute;
text-align: center; text-align: center;
width: 100%;
} }
.footer span { .footer span {
@@ -171,7 +181,7 @@ code {
/* SINGLE */ /* SINGLE */
#content { #content {
width: 810px; width: 810px;
margin: 180px auto 0; margin: 120px auto 0;
} }
.post .post-date { .post .post-date {
color: gray; color: gray;