Fix overlapping toast message on container

surajondev · Oct 3, 2023 · ae83c65 · ae83c65
1 parent b143746
commit ae83c65
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -43,10 +43,10 @@ a:hover {
 }
 
 /* TYPOGRAPHY */
-.tittle {
+.title {
   font-size: 2.5rem;
   font-weight: 20px;
-  padding-left: 7rem;
+  padding-left: 0.6rem;
 }
 
 h2 {