In the bottom right corner of the CodePen example, there should be a button that says Fork. Click it. This will make a copy of the code that you can save to your CodePen account.
While anyone can edit or fork a CodePen, you can’t save and share your work without creating a CodePen account. It’s easy and free. The button to do this is in the upper right corner of the CodePen window.
I had to add a workaround for the dropdown-menu a because I had set first-child hover background for the icon (a first child), and it was happening on the first child of the drop-down menu. Since it was nice, I set that same style for all of the .dropdown-menu a:hover.
I enjoy working out the kinks in these challenges as I come across them. When I really struggle, the copilot in vscode is really helpful most of the time.
https://codepen.io/kldickenson/pen/LYjEbmB
🥋🥋🥋 Looks great and works well! You might consider changing the link colors from the default blue/purple. Thanks for sharing! 😁
https://codepen.io/romola/pen/RwgXBVg?editors=1100
I had to add a workaround for the dropdown-menu a because I had set first-child hover background for the icon (a first child), and it was happening on the first child of the drop-down menu. Since it was nice, I set that same style for all of the .dropdown-menu a:hover.
🥋🥋🥋 Looks fantastic and works well! I can tab through all of the links. Great job and thanks for sharing!
https://codepen.io/w0whitaker/pen/QWgomMN
🥋🥋🥋 Fantastic as always! Looks great and I can tab though the links. Great job and thanks for sharing!
https://codepen.io/idlehands1969/pen/ogjemqm?editors=0100
I enjoy working out the kinks in these challenges as I come across them. When I really struggle, the copilot in vscode is really helpful most of the time.
Copilot wasn't a thing when we wrote these challenges in 2021. We still like CodePen for ease of distribution of files and sharing results.