err scr fix

pages/index.js

@@ -339,6 +339,7 @@ export default function Home() {
     </div>
   ) : weatherData && weatherData.message ? (
     <div className={styles.errScr}>
+      <div>
         <h1 style={{ marginBottom: "30px" }}>City not found, try again!</h1>
         <input
           type="text"
@@ -348,6 +349,7 @@ export default function Home() {
           onKeyDown={(e) => enterKeydown(e)}
         />
       </div>
+    </div>
   ) : (
     <h1>Loading data...</h1>
   );

styles/Home.module.css

@@ -74,7 +74,6 @@
   font-size: 20px;
   text-align: right;
   border-radius: 10px;
-  /* border: 2px solid black; */
   font-family: "Varela Round", sans-serif;
   font-size: 18px;
 }
@@ -91,6 +90,16 @@
 
 .errScr {
   text-align: center;
+  height: 100vh;
+  max-width: 300px;
+  display: grid;
+  place-items: center;
+  padding: 20px;
+  margin: 0 auto;
+}
+
+.errSearchInput {
+  max-width: 100%;
 }
 
 @media only screen and (max-width: 950px) {