From 8957ded164fff26193e7f2d6118ac8fa59d6b084 Mon Sep 17 00:00:00 2001
From: 20100215 <20100215@usc.edu.ph>
Date: Sat, 28 Oct 2023 16:48:03 +0800
Subject: [PATCH 1/3] [Style] Added padding to layout container

---
 .gitignore                             |  2 ++
 src/components/Layout/Layout.styles.ts | 30 ++++++++++++++++++++++++++
 src/components/Section/HeroSection.tsx | 11 +---------
 src/styles/global.css                  | 22 +++++++++++++++++++
 4 files changed, 55 insertions(+), 10 deletions(-)
 create mode 100644 src/styles/global.css

diff --git a/.gitignore b/.gitignore
index dca6e46..2dd8d39 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,5 @@
+node_modules\
+
 # Logs
 logs
 *.log
diff --git a/src/components/Layout/Layout.styles.ts b/src/components/Layout/Layout.styles.ts
index c42036f..39c73c1 100644
--- a/src/components/Layout/Layout.styles.ts
+++ b/src/components/Layout/Layout.styles.ts
@@ -7,4 +7,34 @@ export const LayoutContainer = styled.div`
 
 export const LayoutContainerMain = styled.div`
   min-height: calc(100vh - 256px);
+
+  padding: 60px 40px;
+
+  h1 {
+    font-size: 48px;
+    max-width: 900px;
+    margin: 0 auto;
+    margin-bottom: 18px;
+  }
+
+  @media (min-width: 768px) {
+    padding: 60px 40px;
+    h1 {
+      font-size: 60px;
+    }
+  }
+
+  @media (min-width: 992px) {
+    h1 {
+      font-size: 64px;
+    }
+    padding: 60px 20px;
+  }
+
+  @media (min-width: 1280px) {
+    h1 {
+      font-size: 72px;
+    }
+    padding: 80px 0;
+  }
 `
diff --git a/src/components/Section/HeroSection.tsx b/src/components/Section/HeroSection.tsx
index de31862..acb5f34 100644
--- a/src/components/Section/HeroSection.tsx
+++ b/src/components/Section/HeroSection.tsx
@@ -1,13 +1,4 @@
 import { Section } from "./Section"
 import styled from "styled-components"
 
-export const HeroSection = styled(Section)`
-  padding: 80px 0;
-
-  h1 {
-    font-size: 72px;
-    max-width: 900px;
-    margin: 0 auto;
-    margin-bottom: 18px;
-  }
-`
+export const HeroSection = styled(Section)``
diff --git a/src/styles/global.css b/src/styles/global.css
new file mode 100644
index 0000000..bb454b8
--- /dev/null
+++ b/src/styles/global.css
@@ -0,0 +1,22 @@
+.HeroSection{
+    padding: 80px 0;
+}
+
+h1 {
+  font-size: 72px;
+  max-width: 900px;
+  margin: 0 auto;
+  margin-bottom: 18px;
+}
+
+@media(min-width: 768px){
+
+}
+
+@media(min-width: 992px){
+    
+}
+
+@media(min-width: 1280px){
+    
+}
\ No newline at end of file

From f134622303d37dec74b6929d0935188d7a5ed41b Mon Sep 17 00:00:00 2001
From: 20100215 <20100215@usc.edu.ph>
Date: Sat, 28 Oct 2023 16:59:41 +0800
Subject: [PATCH 2/3] [fix] remove unnecessary stylings

---
 .gitignore            |  2 +-
 src/styles/global.css | 22 ----------------------
 2 files changed, 1 insertion(+), 23 deletions(-)

diff --git a/.gitignore b/.gitignore
index 2dd8d39..eaea0bd 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,4 @@
-node_modules\
+node_modules/
 
 # Logs
 logs
diff --git a/src/styles/global.css b/src/styles/global.css
index bb454b8..e69de29 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,22 +0,0 @@
-.HeroSection{
-    padding: 80px 0;
-}
-
-h1 {
-  font-size: 72px;
-  max-width: 900px;
-  margin: 0 auto;
-  margin-bottom: 18px;
-}
-
-@media(min-width: 768px){
-
-}
-
-@media(min-width: 992px){
-    
-}
-
-@media(min-width: 1280px){
-    
-}
\ No newline at end of file

From 27317b55d0218a2c230d76cc224f37d135db274a Mon Sep 17 00:00:00 2001
From: 20100215 <20100215@usc.edu.ph>
Date: Sat, 28 Oct 2023 17:03:18 +0800
Subject: [PATCH 3/3] [Fix] Edited gitignore

---
 .gitignore | 2 --
 1 file changed, 2 deletions(-)

diff --git a/.gitignore b/.gitignore
index eaea0bd..dca6e46 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,3 @@
-node_modules/
-
 # Logs
 logs
 *.log