primrose/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make footer stick to the bottom of the page

Browse source
This commit is contained in:
Primrose 2023-12-02 22:08:12 -05:00
parent 2889eb633c
commit 9097c6b38b
2 changed files with 8 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
index.html
View file

@ -24,27 +24,6 @@
<h2>Welcome</h2> <h2>Welcome</h2>
<p>Welcome to my home sweet home, darling. Take a look around, if you so desire.</p> <p>Welcome to my home sweet home, darling. Take a look around, if you so desire.</p>
</div> </div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="footer"> <div class="footer">
<h2>Friends 💖</h2> <h2>Friends 💖</h2>
<a href="https://speedie.site"><img src="https://snowcake.me/assets/images/speedie.png" title="speedie - speedie.site"></a> <a href="https://speedie.site"><img src="https://snowcake.me/assets/images/speedie.png" title="speedie - speedie.site"></a>

6
style.css
View file

@ -59,6 +59,12 @@ a {
cursor: pointer; cursor: pointer;
} }
.footer {
position: fixed;
bottom: 0px;
width: 100%;
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
body { body {
background-image: radial-gradient(circle, #8e009f, #6b0077, #470050); background-image: radial-gradient(circle, #8e009f, #6b0077, #470050);