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:
parent
a68fcbaac9
commit
6925d7e737
3 changed files with 7 additions and 1 deletions
|
@ -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>
|
||||||
|
|
|
@ -20,7 +20,9 @@ import "../styles/global.css";
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<Navigation />
|
<Navigation />
|
||||||
|
<hr>
|
||||||
<slot />
|
<slot />
|
||||||
|
<hr>
|
||||||
<Footer />
|
<Footer />
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -43,3 +43,8 @@ body {
|
||||||
hr {
|
hr {
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border: 1px solid;
|
||||||
|
max-width: 600px;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue