make hr look the same on Firefox and Chromium

i just had to make the border 1px and solid. and i put a seperator
between both the header and footer.

Fixes #3.
This commit is contained in:
Fries 2023-06-10 21:37:21 -07:00
parent a68fcbaac9
commit 6925d7e737
3 changed files with 7 additions and 1 deletions

View file

@ -1,4 +1,3 @@
<footer aria-label="my websites footer">
<hr>
<a href="https://git.solarpunk.moe/fries/fries-website">Source Code</a>
</footer>

View file

@ -20,7 +20,9 @@ import "../styles/global.css";
</head>
<body>
<Navigation />
<hr>
<slot />
<hr>
<Footer />
</body>
</html>

View file

@ -43,3 +43,8 @@ body {
hr {
color: var(--text-color);
}
hr {
border: 1px solid;
max-width: 600px;
}