Help with understanding "Active learning: creating a navigation menu"

MDN Learn
#1

I’m using codepen working the current assessment “Active learning: creating a navigation menu.” I understand the objective, but my dilemma is after copying the four files to my local computer I don’t know how to upload the four pages from my directory to codepen it just keeps getting rejected. Should I use another code editor that works with local files?

Screen Shot 2023-04-13 at 10.54.29 PM
Screen Shot 2023-04-13 at 10.54.29 PM1440×900 456 KB

failing to upload the local pages to codepen project

Screen Shot 2023-04-13 at 10.43.12 PM
Screen Shot 2023-04-13 at 10.43.12 PM1440×900 452 KB

making the four pages local in a directory
Screen Shot 2023-04-13 at 10.41.24 PM
Screen Shot 2023-04-13 at 10.41.24 PM1440×900 199 KB

screen shot of instruction to copy pages to local

#2

Hi @Atran92 and welcome to the community :wave:

How did you download the files? They should just end in “.html”. I think the “.webloc” extension is just a link to the actual file on the web. You should be able to click on “Download raw file” on GitHub to get the actual files.

2023-04-17_13-08
2023-04-17_13-08939×509 23.3 KB

Regarding CodePen: I don’t have a CodePen account and can’t tell if it’s generally possible to have multiple HTML pages that link to each other. What you definitely can do is having all the files in the same directory on your computer and open/edit them directly there.

Have a nice day,
Michael

#3

Thank you for the reply, Micheal. I was able to figure it out with sublime and your correct CodePen wasn’t possible to link it together.

1 Like