code refactoring

adjust colors
adjust content
add additional images for use
This commit is contained in:
emma 2025-02-01 17:09:08 -05:00
parent fe22a04ae0
commit 12c4137529
5 changed files with 8 additions and 5 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 215 KiB

View File

@ -29,7 +29,6 @@
<script src="./script/script.js" defer></script> <script src="./script/script.js" defer></script>
<footer> <footer>
<p>happy valentine's day!</p> <p>happy valentine's day!</p>
<p>credits</p>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -1,3 +1,7 @@
:root {
--header-footer-color: #BFD9C688;
}
*, *::before, *::after { *, *::before, *::after {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -46,14 +50,14 @@ img {
header { header {
width: 100vw; width: 100vw;
height: 10vh; height: 8vh;
background: hotpink; background: var(--header-footer-color);
} }
footer { footer {
width: 100vw; width: 100vw;
height: 10vh; height: 8vh;
background: hotpink; background: var(--header-footer-color)
} }
.tile { .tile {