Add footer
This commit is contained in:
parent
2b9180f25a
commit
8a2cb5b974
2 changed files with 12 additions and 3 deletions
|
@ -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;
|
||||
|
|
|
@ -103,5 +103,8 @@
|
|||
<main id="main">
|
||||
{% block body %}{% endblock %}
|
||||
</main>
|
||||
<footer>
|
||||
{% block footer %}© 2023 Edgar P. Burkhart – Nummi{% endblock %}
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Reference in a new issue