From ae83c658c1e657c1c98baa3abb5148827bb2e6a7 Mon Sep 17 00:00:00 2001
From: Yamilini2000 <yamilini.ga@thoughtworks.com>
Date: Tue, 3 Oct 2023 20:38:29 +0530
Subject: [PATCH] Fix overlapping toast message on container

---
 src/Header.js | 2 +-
 src/index.css | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Header.js b/src/Header.js
index 3f76bb2..e4bbb1c 100644
--- a/src/Header.js
+++ b/src/Header.js
@@ -5,7 +5,7 @@ function Header() {
   return (
     <header>
       <div className="container ui block header">
-        <h1 className="tittle">GET WEATHER <span role="img" aria-labelledby="weather">💨</span></h1>
+        <h1 className="title">GET WEATHER <span role="img" aria-labelledby="weather">💨</span></h1>
       </div>
     </header>
   );
diff --git a/src/index.css b/src/index.css
index aeb395f..ab64a07 100644
--- a/src/index.css
+++ b/src/index.css
@@ -43,10 +43,10 @@ a:hover {
 }
 
 /* TYPOGRAPHY */
-.tittle {
+.title {
   font-size: 2.5rem;
   font-weight: 20px;
-  padding-left: 7rem;
+  padding-left: 0.6rem;
 }
 
 h2 {