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"> <footer aria-label="my websites footer">
<hr>
<a href="https://git.solarpunk.moe/fries/fries-website">Source Code</a> <a href="https://git.solarpunk.moe/fries/fries-website">Source Code</a>
</footer> </footer>

View file

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

View file

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