Hello, and welcome to the forums!
You’re using different letter casing right now.
<!-- v v must match -->
<li><a href="#about">This part can be however you want it to look</a></li>
<footer id="about">
<!-- ^ ^ must match -->
Once the capitalization matches, the navigation will work the way you’re expecting