fiddle with skip link placement

assets/styles/nav.css

@@ -41,14 +41,19 @@ nav a:focus-visible {
 }
 
 #skip:focus-visible {
-	left: 3rem;
-  top: 1.5rem;
+	left: -6rem;
 	width: auto;
 	height: auto;
 	overflow: auto;
 	z-index: 999;
 }
 
+@media (max-width: 650px) {
+  #skip:focus-visible {
+    left: 6rem;
+  }
+}
+
 nav ul {
   display: flex;
   justify-content: flex-end;
@@ -72,10 +77,6 @@ nav > #current-page {
   visibility: hidden;
 }
 
-nav > div > #current-page {
-  display: none;
-}
-
 header img {
   max-height: 25vh;
   max-width: 100%;