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.
It was very easy now to create horizontal navbar. I surprised myself :)
Btw, I used just padding on <a> element to make a gap between each of them and used something new for me, "nav li + li" is very very useful and easy to make a pipe and it is possible to change color on hover too! :)
Thank you Jen & Erika for that detail, small but important!
I had trouble getting the menu links to have a big, clickable area, and have a bottom border that was only as wide as the text, and have a border on the right that had some padding.
#15DaysOfCSS Day 7 Challenge: Horizontal navbars
Having fun lining up the text logo with the menu too: https://codepen.io/kldickenson/pen/ZEymVoY
https://codepen.io/romola/pen/YzQvjxe?editors=1100
https://codepen.io/miklaan/pen/ZEyRRwd
It was very easy now to create horizontal navbar. I surprised myself :)
Btw, I used just padding on <a> element to make a gap between each of them and used something new for me, "nav li + li" is very very useful and easy to make a pipe and it is possible to change color on hover too! :)
Thank you Jen & Erika for that detail, small but important!
Can't wait for next challenge! :D
Your challenges are really instructive, thank you.
https://codepen.io/maeyler/pen/LYLrOpy
I had trouble getting the menu links to have a big, clickable area, and have a bottom border that was only as wide as the text, and have a border on the right that had some padding.
https://codepen.io/w0whitaker/pen/bGRKWBa