Properly fixed display of mark

LeaVerou · Dec 25, 2023 · 2ad8d36 · 2ad8d36
1 parent 4f90572
commit 2ad8d36
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -74,7 +74,6 @@ <h1>Specs tested:</h1>
 		</section>
 
 		<footer>
-			<a id="mark" href="https://lea.verou.me"><img src="https://lea.verou.me/mark.svg" title="Lea Verou was here" alt="Lea Verou was here" /></a>
 			<p>
 				<a href="https://www.browserscope.org/user/tests/table/agt1YS1wcm9maWxlcnINCxIEVGVzdBidzawNDA" target="_blank">Results</a>
 				&#10047; Handcrafted by <a href="https://lea.verou.me">Lea Verou</a> and <a href="https://github.com/LeaVerou/css3test/graphs/contributors">friends</a>
@@ -83,6 +82,8 @@ <h1>Specs tested:</h1>
 	</aside>
 </div>
 
+<a id="mark" href="https://lea.verou.me"><img src="https://lea.verou.me/mark.svg" title="Lea Verou was here" alt="Lea Verou was here" /></a>
+
 <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=blissfuljs"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/blissfuljs/1.0.3/bliss.js"></script>
 <script src="supports.js"></script>

diff --git a/style.css b/style.css
@@ -188,6 +188,7 @@ body > h1 {
 	background: var(--secondary-background-color);
 	box-shadow: -2px 2px 10px var(--secondary-shadow-color);
 	color: var(--secondary-foreground-color);
+	z-index: 1;
 	font-size: 150%;
 	font-weight: bold;
 	text-transform: uppercase;