Add footer

This commit is contained in:
Edgar P. Burkhart 2023-04-18 17:36:36 +02:00
parent 2b9180f25a
commit 8a2cb5b974
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
2 changed files with 12 additions and 3 deletions

View file

@ -66,8 +66,10 @@ a:hover {
.red {color: var(--red)}
.green {color: var(--text-green)}
main {
main, nav, footer {
padding: 2rem;
}
main {
grid-column: 2;
grid-row: 1;
overflow-x: hidden;
@ -80,7 +82,6 @@ nav {
position: sticky;
top: 0;
padding: 2rem;
background: var(--bg-01);
line-height: 2rem;
}
@ -117,6 +118,11 @@ nav > :first-child,
main > :first-child {
margin-top: 0;
}
footer {
text-align: center;
grid-column: 2;
font-weight: 250;
}
#pagination {
text-align: center;
@ -130,7 +136,7 @@ main > :first-child {
@media (width < 1024px) {
body {grid-template-columns: 1fr}
nav, main {
nav, main, footer {
grid-column: 1;
grid-row: auto;
position: relative;

View file

@ -103,5 +103,8 @@
<main id="main">
{% block body %}{% endblock %}
</main>
<footer>
{% block footer %}© 2023 Edgar P. Burkhart Nummi{% endblock %}
</footer>
</body>
</html>