Updates files (possible bugs

mpcgt · Mar 21, 2024 · d6ce219 · d6ce219
1 parent de18025
commit d6ce219
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 23 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -19,7 +19,7 @@ const App = () => {
   return (
     <Router>
       <Analytics />
-      <div className="nav, nav ul">
+      <div className="header">
         <NavBar links={links} />
         <Routes>
           <Route path="/" element={<Home/>} />

diff --git a/src/index.css b/src/index.css
@@ -27,35 +27,31 @@ h1 {
 }
 
 /* NavBar */
-.nav {
-  min-height: 10vh;
-  display: flex;
-  align-items: center;
-  width: 90%;
-  margin: auto;
-  flex-wrap: wrap;
+main {
+  color: white;
 }
 
-.nav ul {
+header {
+  background-color: white;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 80px;
   display: flex;
-  flex: 1 1 40rem;
-  justify-content: space-around;
   align-items: center;
-  list-style: none;
+  box-shadow: 0 0 25px 0 black;
 }
 
-#logo {
-  flex: 2 1 40rem;
-  font-family: "Pacifico", cursive;
-  font-weight: normal;
+header * {
+  display: inline;
 }
 
+header li {
+  margin: 20px;
+}
 
-@media screen and (max-width: 885px) {
-  nav {
-    text-align: center;
-  }
-  #logo {
-    padding: 2rem;
-  }
+header li a {
+  color: black;
+  text-decoration: none;
 }