fix: mobile view

MehulKChaudhari · MehulKChaudhari · commit f7453379dad7 · 2024-02-16T02:16:55.000+05:30
diff --git a/app/styles/app.css b/app/styles/app.css
@@ -144,6 +144,7 @@ a.class-field-description--link:hover svg {
   }
 
   .whoops__message {
-    margin: var(--spacing-4);
+    margin: var(--spacing-2);
+    text-align: center;
   }
 }
diff --git a/app/templates/not-found.hbs b/app/templates/not-found.hbs
@@ -1,9 +1,7 @@
 <article class="whoops">
   <img src="/assets/images/stinky-fish.png" alt="tomster stinky fish"/>
-  <h2 class="whoops__title">Ack! 404 friend, you're in the wrong place</h2>
   <div class="whoops__message">
-    <span>
-      <LinkTo @route='index'>Click here to go home</LinkTo>
-  </span>
+    <h2>Ack! 404 friend, you're in the wrong place</h2>
+    <LinkTo @route='index'>Click here to go home</LinkTo>
   </div>
 </article>

Original file line number	Diff line number	Diff line change
`@@ -144,6 +144,7 @@ a.class-field-description--link:hover svg {`
`144`	`144`	`}`
`145`	`145`
`146`	`146`	`.whoops__message {`
`147`		`- margin: var(--spacing-4);`
	`147`	`+ margin: var(--spacing-2);`
	`148`	`+ text-align: center;`
`148`	`149`	`}`
`149`	`150`	`}`