(FIX): Implemented an interesting layout update.

web/src/layouts/WebLayout.tsx

@@ -8,8 +8,12 @@ export default function WebLayout() {
     <>
       <div className="bg-gray-100 min-h-screen">
         <Navigation />
+        <div className="w-full flex justify-center">
+          <div className="mx-2 md:mx-0 w-full md:w-1/2 md:pt-14 min-h-screen h-fit border-l border-r border-gray-300 bg-white">
             <Outlet />
           </div>
+        </div>
+      </div>
     </>
 
   );

web/src/pages/Home.tsx

@@ -1,7 +1,5 @@
 export default function Home() {
   return (
-    <>
+    <p>hello</p>
-      <p>Home</p>
-    </>
   );
 }

web/src/pages/NotFound.tsx

@@ -1,10 +1,8 @@
 import ROUTE_CONSTANTS from "../types/routes";
 
 export default function NotFound() {
-
   return (
-    <div className="w-full h-screen flex justify-center">
+    <div className="w-full h-[85vh] flex justify-center">
-      <div className="mx-2 md:mx-0 w-full md:w-1/2 flex items-center justify-center h-full border-l border-r border-gray-300 bg-white">
       <div className="flex flex-col items-center justify-center gap-y-4">
         <div className="flex flex-col items-center justify-center">
           <svg
@@ -22,6 +20,5 @@ export default function NotFound() {
         <a className="underline text-sm md:text-base text-blue-700" href={ROUTE_CONSTANTS.Home}>Back Home</a>
       </div>
     </div>
-    </div>
   );
 }