code refactoring
adjust colors adjust content add additional images for use
This commit is contained in:
parent
fe22a04ae0
commit
12c4137529
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 |
|
@ -29,7 +29,6 @@
|
|||
<script src="./script/script.js" defer></script>
|
||||
<footer>
|
||||
<p>happy valentine's day!</p>
|
||||
<p>credits</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
|
@ -1,3 +1,7 @@
|
|||
:root {
|
||||
--header-footer-color: #BFD9C688;
|
||||
}
|
||||
|
||||
*, *::before, *::after {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
@ -46,14 +50,14 @@ img {
|
|||
|
||||
header {
|
||||
width: 100vw;
|
||||
height: 10vh;
|
||||
background: hotpink;
|
||||
height: 8vh;
|
||||
background: var(--header-footer-color);
|
||||
}
|
||||
|
||||
footer {
|
||||
width: 100vw;
|
||||
height: 10vh;
|
||||
background: hotpink;
|
||||
height: 8vh;
|
||||
background: var(--header-footer-color)
|
||||
}
|
||||
|
||||
.tile {
|
||||
|
|
Loading…
Reference in New Issue