From 7bf082eb2c588c622d860a4ca374069bda46b961 Mon Sep 17 00:00:00 2001
From: Mohd Faraz <androiabledroid@gmail.com>
Date: Sun, 17 Sep 2023 00:12:17 +0530
Subject: [PATCH] Fix up Home one alignment

 * before: https://imgur.com/a/MAWo3pm

 * after: https://imgur.com/a/uzYJkk3

Signed-off-by: Mohd Faraz <androiabledroid@gmail.com>
---
 src/components/Home/Home.js | 2 +-
 src/style.css               | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js
index ff117bc3b3..678e948792 100644
--- a/src/components/Home/Home.js
+++ b/src/components/Home/Home.js
@@ -11,7 +11,7 @@ function Home() {
       <Container fluid className="home-section" id="home">
         <Particle />
         <Container className="home-content">
-          <Row>
+          <Row className="home-row">
             <Col md={7} className="home-header">
               <h1 style={{ paddingBottom: 15 }} className="heading">
                 Hi There!{" "}
diff --git a/src/style.css b/src/style.css
index ce5f1bebf6..c6df5d4f4c 100644
--- a/src/style.css
+++ b/src/style.css
@@ -254,6 +254,13 @@ button:focus {
   padding-top: 80px !important;
 }
 
+.home-row {
+  height: 100% !important;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .home-section {
   position: relative;
   z-index: -1;
@@ -265,9 +272,9 @@ button:focus {
 }
 
 .home-content {
-  padding: 9rem 0 2rem !important;
   color: whitesmoke;
   text-align: left;
+  height: 100vh !important;
 }
 
 .heading {