fiddle with skip link placement

2026-01-02 18:48:33 -08:00
parent 35e3f9631a
commit 101658ea04
1 changed files with 7 additions and 2 deletions
--- a/assets/styles/nav.css
+++ b/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;