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.
Hey, just want to throw it out there that some accessibility experts won't necessarily like it that the tab order is not the same as the DOM order when you rearrange the placement of the nav items using flex order.
https://codepen.io/romola/pen/yLXZeWm?editors=1100
I used some hover.css styles but didn't have a convenient way to link to the stylesheet, so just copied some code.
https://codepen.io/miklaan/pen/ZEyVxOv
I've noticed one thing which I can't figure out.
If you inspect the logo you can see that <a> have some 3.5px more then img which is inside.
Also if I add background-color on .logo:hover, we can see that 3.5px has color, but cannot find why?
Can you suggest me how can I remove that mistake (probably) of mine?
https://codepen.io/kldickenson/pen/ExXGVor
https://codepen.io/w0whitaker/pen/GREYopG
Hey, just want to throw it out there that some accessibility experts won't necessarily like it that the tab order is not the same as the DOM order when you rearrange the placement of the nav items using flex order.
https://www.w3.org/WAI/WCAG21/Techniques/general/G59
https://www.w3.org/WAI/WCAG21/Techniques/css/C27