zepp
/
my-cafe-events
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adjust styling of footer

This commit is contained in:
emma 2025-02-09 17:44:58 -05:00
parent 72f8251f9c
commit dfc60de2f6
2 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
valentines-day-25/index.html
View File

@ -63,9 +63,13 @@
</script> </script>
<script src="./js/script.js" defer></script> <script src="./js/script.js" defer></script>
<footer> <footer>
<p class="cafe">part of the <a href="https://32bit.cafe/vday25/" target="_blank">valentine's day '25</a> event from the 32-Bit Cafe</p>
<div class="footer-container">
<p class="cafe">part of the 32-Bit Cafe <a href="https://32bit.cafe/vday25/" target="_blank">valentine's day '25</a> event</p>
<p class="message">Happy Valentine's day! <i class="fa-solid fa-heart"></i></p> <p class="message">Happy Valentine's day! <i class="fa-solid fa-heart"></i></p>
<a href="#" class="credits">credits</a> <a href="#" class="credits">credits</a>
</div>
</footer> </footer>
</body> </body>
</html> </html>

10
valentines-day-25/style/style.css
View File

@ -81,16 +81,22 @@ a:hover {
color: var(--link-hover-color); color: var(--link-hover-color);
} }
.footer-container {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
.cafe { .cafe {
font-size: 1.25rem; font-size: 1.25rem;
padding-right: 7rem;
} }
.message { .message {
margin-left: -15vw;
font-size: 3rem; font-size: 3rem;
font-family: alwaysinmyheart; font-family: alwaysinmyheart;
color: var(--text-color-light-red); color: var(--text-color-light-red);
padding-right: 28rem;
} }
.credits { .credits {