diff --git a/src/App.tsx b/src/App.tsx
index c8c0d4b..7297d05 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -16,11 +16,7 @@ export default function App() {
(entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
- if (entry.target.id === "about") {
- window.location.hash = "";
- } else {
- window.location.hash = entry.target.id;
- }
+ window.location.hash = entry.target.id;
}
});
},
@@ -47,7 +43,7 @@ export default function App() {
return (
-
+
diff --git a/src/styles/About.scss b/src/styles/About.scss
index c7021e1..fc9634d 100644
--- a/src/styles/About.scss
+++ b/src/styles/About.scss
@@ -1,6 +1,6 @@
.about {
height: 100vh;
- padding: 0rem 10rem;
+ padding: 5rem 10rem;
.greeting {
color: var(--color-accent);
}
diff --git a/src/styles/Header.scss b/src/styles/Header.scss
index c467d5d..bef9d66 100644
--- a/src/styles/Header.scss
+++ b/src/styles/Header.scss
@@ -2,7 +2,7 @@
display: flex;
align-items: center;
justify-content: space-between;
- position: sticky;
+ position: fixed;
background-color: var(--color-background-body);
top: 0;
z-index: 100;