edit css

pages/index.js

@@ -3,7 +3,7 @@ import styles from "../styles/Home.module.css";
 import Image from "next/image";
 
 export default function Home() {
-  const [input, setInput] = useState();
+  const [input, setInput] = useState("mumbai");
   const [weatherData, setWeatherData] = useState();
 
   const clickHandler = async () => {
@@ -79,10 +79,10 @@ export default function Home() {
           </h1>
           <p>Feels like {Math.round(weatherData.main.feels_like)}°</p>
 
-          <h3>
+          {/* <h2>
             {convertTime(weatherData.dt, weatherData.timezone)[0].split(":")[0]}
             :00
-          </h3>
+          </h2> */}
         </div>
       )}
       <div className={styles.statsWrapper}>

styles/Home.module.css

@@ -1,14 +1,12 @@
 .wrapper {
   max-width: 1200px;
-  margin: 30px auto;
+  margin: 0px auto;
   text-align: center;
-
   background: rgba(255, 255, 255, 0.95);
   box-shadow: 0 8px 32px 0 rgba(83, 89, 179, 0.37);
   backdrop-filter: blur(3px);
   -webkit-backdrop-filter: blur(3px);
   border-radius: 30px;
-  /* border: 1px solid rgba(255, 255, 255, 0.18); */
   display: grid;
   grid-template-columns: 1fr 2fr;
 }
@@ -61,7 +59,7 @@
   margin-bottom: 20px;
   height: 40px;
   width: 200px;
-  border: 2px solid rgb(218, 218, 218);
+  border: 2px solid rgb(230, 230, 230);
   padding: 0 10px;
   color: #c5c5c5;
   font-size: 20px;