[quote=“EnderLillies, post:8, topic:702560”]
I added the nav-link for the section. Two of my errors were fixed however these two popped up:
- You should have the same number of
.nav-link and .main-section elements.
- You should have at least five
li elements that are descendants of .main-section elements.
Also thanks a lot for all the helps so far.
My updated code:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Key Visual Novels</title>
<link rel="stylesheet" href="styles.css">
<meta charset="utf-8">
</head>
<main id="main-doc">
<section class="main-section" id="Key_Visual_Novels">
<header>
<h1>
Key Visual Novels
</h1>
</header>
<p class="description">
<code>Key</code> is a Japanese visual novel studio known for making dramatic and plot-oriented titles.
</p>
<p class="description">It was formed on July 21, 1998, as a brand under the publisher Visual Arts, and is located in Kita, Osaka.</p>
</section>
<section class="main-section>" id="Kanon">
<header>
<h1>
Kanon
</h1>
</header>
<p class="description"> <code>Kanon</code> is a Japanese visual novel developed by Key, a brand of Visual Arts. It was released on June 4, 1999, for Windows as an adult game. Key later released versions of Kanon without the erotic content, and the game was ported to the Dreamcast, PlayStation 2, PlayStation Portable and Nintendo Switch. </p>
<p class="description">The story follows the life of Yuichi Aizawa, a high school student who returns to a city he last visited seven years prior, and he has little recollection of the events from back then. He meets several girls and slowly regains his lost memories. The gameplay in Kanon follows a branching plot line which offers pre-determined scenarios with courses of interaction, and focuses on the appeal of the five female main characters by the player character. The game once ranked as the second best-selling PC game sold in Japan, and charted in the national top 50 several more times afterwards. Kanon has sold over 300,000 units across several platforms.</p>
</section>
<section class="main-section" id="ONE">
<header>
<h1>
ONE
</h1>
</header>
<p class="description"><code>One: Kagayaku Kisetsu e</code> is a Japanese adult visual novel, developed by Tactics, a brand of Nexton, released on May 29, 1998 playable on Windows PCs. The erotic content was later removed when the game was ported to the PlayStation.</p>
<p class="description">The story follows the life of Kōhei Orihara, a high school student who has fun spending time with several girls about his age, while at the same time he is gradually being drawn into a mystical alternate space known as the Eternal World.</p>
</section>
<section class="main-section" id="Clannad">
<header>
<h1>
Clannad
</h1>
</header>
<p class="description"><code>Clannad</code> is a Japanese visual novel developed by Key and released on April 28, 2004, for Windows. While both of Key's first two previous works, Kanon and Air, had been released first as adult games and then censored for the younger market, Clannad was specifically made for all ages.</p>
<p class="description">It was later ported to the PlayStation 2, PlayStation Portable, Xbox 360, PlayStation 3, PlayStation Vita, PlayStation 4 and Nintendo Switch consoles. An English version for Windows was released on Steam by Sekai Project in 2015.</p>
</section>
<section class="main-section" id="Angel_Beats">
<header>
<h1>
Angel Beats
</h1>
</header>
<p class="description"><code>Angel Beats! 1st Beat</code> is a Japanese visual novel developed by Key, a brand of Visual Arts. It was released on June 26, 2015 for Windows and is rated for all ages. The game is based on the 2010 anime television series Angel Beats!, originally conceived by Jun Maeda, and also adapts scenes featured in the anime.
</p>
<p class="description">
The story takes place in the afterlife and focuses on Otonashi, a boy who lost his memories of his life after dying. He is enrolled into the afterlife school and meets a girl named Yuri who invites him to join the Afterlife Battlefront—an organization she leads that fights against God. The Battlefront fight against the student council president Angel, a girl with supernatural powers.
</p>
</section>
<section class="main-section" id="Summer_Pockets">
<header>
<h1>
Summer Pockets
</h1>
</header>
<p class="description"><code>Summer Pockets</code> is a Japanese visual novel developed by Key, a brand of Visual Arts. It was released on June 29, 2018 for Windows and is rated for all ages. Summer Pockets is Key's 13th game, following its previous games such as Kanon, Air, and Clannad. An expanded version of the game titled Summer Pockets Reflection Blue was released on June 26, 2020 in Japan. Both the original game and Reflection Blue have been ported to iOS and Android devices, and the Nintendo Switch. Reflection Blue has also additionally been ported to the PlayStation 4. An English version of the original game for Windows was released by Visual Arts in 2020.
</p>
<p class="description">
The story is set on a fictional island on the Seto Inland Sea and follows the life of Hairi Takahara, a young man who uses the recent death of his grandmother as an excuse to escape to the island after an unpleasant incident. Once there, he gets to know the townsfolk of Torishirojima and multiple girls who are the focus of the story.</p>
</section>
<section class="main-section>" id="Little_Busters">
<header>
<h1>
Little Busters
</h1>
</header>
<p class="description"> <code>Little Busters</code> is a Japanese visual novel developed by Key. It was released on July 27, 2007 for Windows PCs and is rated for all ages. </p>
<p class="description">The story follows the life of Yuichi Aizawa, a high school student who returns to a city he last visited seven years prior, and he has little recollection of the events from back then. He meets several girls and slowly regains his lost memories. The gameplay in Kanon follows a branching plot line which offers pre-determined scenarios with courses of interaction, and focuses on the appeal of the five female main characters by the player character. The game once ranked as the second best-selling PC game sold in Japan, and charted in the national top 50 several more times afterwards. Kanon has sold over 300,000 units across several platforms.</p>
<ul class="summer-pockets">
<li>The game is cool</li>
<li>You should play it</li>
<li>It will change your point of view</li>
<li>Life's good</li>
<li>Live to your fullest</li>
</ul>
</section>
<nav id="navbar">
<header>
<h1>
Key Visual Novels
</h1>
</header>
<a class="nav-link" href="#Key_Visual_Novels">Key Visual Novels</a>
<br>
<a class="nav-link" href="#Kanon">Kanon</a>
<br>
<a class="nav-link" href="#ONE">ONE</a>
<br>
<a class="nav-link" href="#Clannad">Clannad</a>
<br>
<a class="nav-link" href="#Angel_Beats">Angel Beats</a>
<br>
<a class="nav-link" href="#Summer_Pockets">Summer Pockets</a>
<a class="nav-link" href="#Little_Busters">Little Busters</a>
</nav>
</main>
</html>