Add li (#1)

kindlenext · Mar 12, 2022 · f298f89 · f298f89
1 parent 4b96190
commit f298f89
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/components/Headers/Header.css b/src/components/Headers/Header.css
@@ -1,3 +1,4 @@
 .links > a {
   padding: 0px 20px;
+  text-decoration: none;
 }
diff --git a/src/components/Headers/Header.jsx b/src/components/Headers/Header.jsx
@@ -4,14 +4,18 @@ const Header = (props) => {
   const navItems = [];
 
   for (let i = 0; i < items.length; i++) {
-    navItems.push(<a href={items(i).url}>{items[i].title}</a>);
+    navItems.push(
+      <ul>
+        <li>
+          <a href={items(i).url}>{items[i].title}</a>
+        </li>
+      </ul>
+    );
   }
 
   return (
     <Header>
-      <nav>
-        <div className="links fw-bold">{navItems}</div>
-      </nav>
+      <nav className="links fw-bold">{navItems}></nav>
     </Header>
   );
 };