music.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Music, Grunge Era</title>
  <link rel="stylesheet" href="styles.css">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=PT+Serif&family=Ultra&display=swap" rel="stylesheet">
</head>

<body>
  <div class="flex-container">
    <header>
      <h1 id="logo">Music in the Grunge Era</h1>
      <a id="nav-jump" href="#menu">Jump to the Menu</a>
    </header>
    <nav id="menu">
      <a id="#main" href="index.html">Grunge Era</a>
      <a href="addiction.html" id="addiction">Addiction, Grunge Era</a>
      <a href="fashion.html" id="fashion">Fashion, Grunge Era</a>
      <a href="music.html" id="music">Music, Grunge Era</a>
    </nav>


</body>

</html>