From e848db3c00e2ccade21e874b14c318c8c159b6c7 Mon Sep 17 00:00:00 2001
From: evil-89789 <tngsurya055@gmail.com>
Date: Tue, 11 Jun 2024 14:55:40 +0545
Subject: [PATCH] home page: responsive to mobile and tablet

---
 src/index.css | 36 +++++++++++++++++++++++++++++++++---
 1 file changed, 33 insertions(+), 3 deletions(-)

diff --git a/src/index.css b/src/index.css
index 0d85dd4..2b4fd19 100644
--- a/src/index.css
+++ b/src/index.css
@@ -50,8 +50,25 @@
 }
 
 @media screen and (max-width:768px) {
-    .home_section {
+    .home_page {
         background: url('/src/assets/home/background-home-tablet.jpg');
+        flex-direction: column;
+        padding: 15px 20px;
+        align-items: start;
+    }
+
+    .home_page article {
+        width: 80%;
+        margin-top: 15rem;
+        margin-bottom: 5rem;
+    }
+
+    .home_page article h1 {
+        font-size: 6rem;
+    }
+
+    .home_page article p {
+        font-size: 12px;
     }
 
     .crew_page {
@@ -83,12 +100,25 @@
 }
 
 
-@media screen and (max-width:468px) {
-    .home_section {
+@media screen and (max-width:374px) {
+    .home_page {
         background: url('/src/assets/home/background-home-mobile.jpg');
         width: 100%;
         min-height: 100vh;
         background-repeat: no-repeat;
+        padding: 0 15px;
+    }
+
+    .home_page article {
+        width: 90%;
+        margin-top: 9rem;
+    }
+
+    .home_page button {
+        height: auto;
+        width: auto;
+        padding: 10px 15px;
+        margin-bottom: 10px;
     }
 
     .crew_page {