Merge pull request #62 from manuel12/move-heading-left

Move heading left
surajondev · Nov 17, 2023 · c6a0f02 · c6a0f02
2 parents ac4bcfa + 3c63573
commit c6a0f02
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/src/Header.js b/src/Header.js
@@ -1,14 +1,17 @@
 import React from "react";
 import "./index.css";
-import {TiWeatherSunny} from 'react-icons/ti'
+import { TiWeatherSunny } from "react-icons/ti";
 
 function Header() {
   return (
     <header>
-      <div className="container ui block header">
-      <h1 className="title">
-    GET WEATHER <span className="logo"><TiWeatherSunny/></span>
-  </h1>
+      <div className='container ui block header'>
+        <h1 className='title'>
+          GET WEATHER{" "}
+          <span className='logo'>
+            <TiWeatherSunny />
+          </span>
+        </h1>
       </div>
     </header>
   );

diff --git a/src/index.css b/src/index.css
@@ -48,6 +48,7 @@ a:hover {
 
 /* TYPOGRAPHY */
 .title {
+  text-align: left;
   font-size: 4rem;
   font-weight: 50px;
   padding-left: 0.6rem;