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>
|
<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>
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue