HTML中的导航无效

Question

我正在尝试将导航添加到页面的不同部分。但是，似乎没有工作......我做了大量的研究，但我真的不明白为什么这段代码不起作用。

请注意，我是前端开发的初学者。

这是导航：

<nav>
    <ul class="menu">
        <li class="menu"><a href="#about">About me</a></li>
    </ul>
</nav>

这是我尝试导航用户的地方：

<section id="about">
    <h1>About me</h1>
    <p>some text about me</p>
</section>

有什么东西我不见了吗？

以下是codepen中的entire code。

提前致谢:)

Answer 1

我只是想在codepen中复制/粘贴我的代码并在那里工作。因此，当我实际尝试在浏览器上查看代码时，问题就出现了。