zepp
/
thiscat.rocks
1
0
Fork 0
Code Issues Activity

add and style content on loveletter.php

This commit is contained in:
emma 2025-01-03 07:02:14 -05:00
parent 5dab09f94a
commit 66deb3bd89
2 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
loveletter.php
View File

@ -60,11 +60,14 @@
</div> </div>
</section> </section>
<section class="love-you"> <section class="love-you">
<div class="love-you-baxter"> <span>
<h2>Love you Baxter!</h2> <img src="./img/red_heart_flat.svg" height="80px" width="80px">
<img src="img/cat.webp" alt="My cat baxter laying in bed looking at the camera."> <img src="./img/black_cat_flat.svg" height="80px" width="80px">
<p>Love you Baxter!</p>
<img src="./img/black_cat_flat.svg" height="80px" width="80px">
<img src="./img/red_heart_flat.svg" height="80px" width="80px">
</span>
<a href="#top">Top of page</a> <a href="#top">Top of page</a>
</div>
</section> </section>
</main> </main>
</body> </body>

22
style/style.css
View File

@ -124,6 +124,27 @@ main {
gap: 1rem; gap: 1rem;
} }
.love-you span {
display: flex;
justify-content: center;
}
.love-you p {
font-size: 5rem;
padding: 0 1rem 0 1rem;
}
.love-you a {
display: block;
font-size: 1.5rem;
text-align: center;
padding: 1rem;
}
a {
text-decoration: none;
}
header { header {
width: 100%; width: 100%;
height: auto; height: auto;
@ -153,7 +174,6 @@ header p:not(:first-child) {
header a { header a {
font-size: 1.25rem; font-size: 1.25rem;
text-decoration: none;
font-weight: bold; font-weight: bold;
} }