Skip to content

Commit 7254063

Browse files
committed
update to CSS to set the footer to the bottom of the page on a background using the paper default
1 parent 9118e2e commit 7254063

2 files changed

Lines changed: 10 additions & 4 deletions

File tree

Wireframe/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@ <h2>What is a branch in Git</h2>
5454
</article>
5555
</main>
5656
<footer>
57-
<p>
57+
<p>Updated by Damian.Dunkley@BtInternet.com for January 2026 Code Your Future Introduction to
5858
Updated by Damian.Dunkley@BtInternet.com for January 2026 Code Your Future Introduction to
5959
Programming Course.
6060
</p>

Wireframe/style.css

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ As well as useful links to learn more */
2020
--paper: oklch(7 0 0);
2121
--ink: color-mix(in oklab, var(--color) 5%, black);
2222
--font: 100%/1.5 system-ui;
23-
--space: clamp(6px, 6px + 2vw, 15px);
23+
--space: clamp(6px, 6px + 2px, 15px);
2424
--line: 1px solid;
2525
--container: 1280px;
2626
}
@@ -54,11 +54,17 @@ https://www.w3.org/WAI/tutorials/page-structure/regions/
5454
main {
5555
max-width: var(--container);
5656
margin: 0 auto calc(var(--space) * 4) auto;
57+
padding: var(--space);
58+
5759
}
5860
footer {
59-
position: fixed;
60-
bottom: 0;
61+
6162
text-align: center;
63+
width: 95%;
64+
background-color: var(--paper);
65+
padding: var(--space);
66+
color: var(--ink);
67+
6268
}
6369
/* ====== Articles Grid Layout ====
6470
Setting the rules for how articles are placed in the main element.

0 commit comments

Comments
 (0)