Update styles on 404 page

2024-07-26 16:31:10 +05:30
parent be3915f95d
commit b636b05b5d
3 changed files with 10 additions and 8 deletions
@@ -9,10 +9,10 @@
  <body>
    <header>
      <div>
-        <img loading="lazy" src="https://ik.imagekit.io/mysticmode/tr:w-479/home/name.png" alt="My Full Name - Nirmal Kumar R">
+        <img loading="lazy" src="https://ik.imagekit.io/mysticmode/home/name.png" alt="My Full Name - Nirmal Kumar R">
      </div>
    </header>
-    
+
    <section class="content-wrapper">
      <div class="content-title">
 	<h2>404 Not Found</h2>
@@ -10,7 +10,7 @@
  <body>
    <header>
      <div>
-        <img loading="lazy" src="https://ik.imagekit.io/mysticmode/home/name.png" alt="My Full Name - Nirmal Kumar R" width="400px">
+        <img loading="lazy" src="https://ik.imagekit.io/mysticmode/home/name.png" alt="My Full Name - Nirmal Kumar R">
      </div>
    </header>
    
@@ -23,7 +23,7 @@
    </nav>

    <section class="home">
-      <img loading="lazy" src="https://ik.imagekit.io/mysticmode/home/ashram.jpg" alt="A picture of an ashram garden" width="400px">
+      <img loading="lazy" src="https://ik.imagekit.io/mysticmode/home/ashram.jpg" alt="A picture of an ashram garden">
    </section>

    <section class="content-wrapper">
@@ -19,6 +19,7 @@ nav {
  display: flex;
  align-items: start;
  justify-content: center;
+  margin: 2em 0 3em;
 }

 nav a {
@@ -45,6 +46,11 @@ p {
  margin: 1em 0;
 }

+img {
+  display: block;
+  width: 400px;
+}
+
 .home {
  margin-top: 1em;
 }
@@ -54,10 +60,6 @@ p {
  margin-left: 1em;
 }

-.home img {
-  display: block;
-}
-
 .content-title {
  color: #663333;
  font-weight: bold;