fix: history-api demo (#237)

* fix: history-api demo * fix destination links * horizontal navbar items * remove .html from links
mdn · Nov 17, 2023 · d2680f1 · d2680f1
1 parent 4e65005
commit d2680f1
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/history-api/index.html b/history-api/index.html
@@ -4,14 +4,20 @@
     <meta charset="utf-8" />
     <title>Creatures: Home</title>
     <script src="script.js" defer></script>
+    <style>
+      .nav li {
+        display: inline-block;
+        margin-right: 2rem;
+      }
+    </style>
   </head>
 
   <body>
     <ul class="nav">
-      <li><a href="/">Home</a></li>
-      <li><a href="eagle.html" data-creature="eagle">Eagle</a></li>
-      <li><a href="vulture.html" data-creature="vulture">Vulture</a></li>
-      <li><a href="turtle.html" data-creature="turtle">Turtle</a></li>
+      <li><a href="/dom-examples/history-api/">Home</a></li>
+      <li><a href="eagle" data-creature="eagle">Eagle</a></li>
+      <li><a href="vulture" data-creature="vulture">Vulture</a></li>
+      <li><a href="turtle" data-creature="turtle">Turtle</a></li>
     </ul>
 
     <p id="description">Let's look at some creatures.</p>