Updated 404 Pages to be responsive

amalinalai · Dec 23, 2023 · 05881b2 · 05881b2
1 parent 42d5a41
commit 05881b2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/404.html b/404.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>you seem to be lost.</title>
-	<link rel="stylesheet" href="/404s.css" type="text/css" media="all">
+	<link rel="stylesheet" href="404s.css" type="text/css" media="all">
   </head>
   <body>
     <div class="card">

diff --git a/404s.css b/404s.css
@@ -56,4 +56,13 @@
 	  font-size: 12pt;
 	  font-style: italic;
 	  text-align: center;
-	}
+	}
+
+/* Use a media query to add a break point at 700px: */
+@media screen and (max-width: 700px) {
+
+.card {
+		width: 90%;
+}
+
+}