updated

rakkkkkesh · Feb 5, 2024 · 8de33d6 · 8de33d6
1 parent 3b5fc3d
commit 8de33d6
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/Weather App/Weather.css b/src/Weather App/Weather.css
@@ -90,6 +90,18 @@ button:hover {
   margin-left: 10px;
 }
 
+.error{
+  color: red;
+  font-weight: bold;
+  font-size: 1.2rem;
+  margin-top: 20px;
+  background-color: rgba(175, 174, 174, 0.512);
+  border-radius: 10px;
+  padding: 10px 0;
+  width: 80%;
+  margin: 0 auto;
+}
+
 @media screen and (max-width: 600px) {
 .sec2 {
   width: 500px;

diff --git a/src/Weather App/Weather.js b/src/Weather App/Weather.js
@@ -49,7 +49,7 @@ const App = () => {
                 <p>Description: <b>{weather.weather[0].description}</b> <i class="fa-solid fa-cloud"></i></p>
                 <p>Country: <b>{weather.sys.country}</b> <i class="fa-solid fa-location-dot"></i></p>
               </div>
-            </div>) : (<><p>No City Found!!! 😣</p><br></br><p>Please Search For Another City</p></>)}
+            </div>) : (<div className='error'><p>No City Found!!! 😣</p><p>Please Search For Another City.</p></div>)}
         </div>}
       </section>