From 49e51e550c55aa9ecbdbd9ab910444af752310ba Mon Sep 17 00:00:00 2001
From: Avansh2006 <avanshyadav20072006@gmail.com>
Date: Wed, 2 Oct 2024 22:19:14 +0530
Subject: [PATCH 1/2] Issue#82

---
 style.css | 37 ++++++++++++++++++++++++++++++++++---
 1 file changed, 34 insertions(+), 3 deletions(-)

diff --git a/style.css b/style.css
index 2eedbb7..9c5d98b 100644
--- a/style.css
+++ b/style.css
@@ -590,6 +590,35 @@ header i:hover,header #cart:hover{
 }
 
 /* Media Queries */
+@media (max-width: 1024px) and (min-width: 600px) {
+    .container {
+        flex-direction: row;
+        justify-content: center;
+        gap: 20px;
+        transform: translateX(125px);
+    }
+    
+    .footer-section {
+        flex: 1 1 45%; /* Takes almost half of the container width */
+        margin: 10px 0;
+    }
+
+    .footer-section p {
+        font-size: 14px;
+    }
+
+    .footer-section h3 {
+        font-size: 18px;
+    }
+
+    .footer-bottom {
+        font-size: 13px;
+    }
+    section.sec {
+        height: 200rem;
+    }
+}
+
 @media (max-width: 768px) {
     *{
         font-size: small;
@@ -605,7 +634,7 @@ img {
     width: 59%;
 }
 ul {
-    transform: translate(-95px, 0px);
+    /* transform: translate(-95px, 0px); */
 }
 header #cart {
     transform: translate(-90px, 0);
@@ -704,8 +733,9 @@ i.ri-menu-3-fill {
 
 @media (max-width: 768px) {
     section.sec {
-            height: 492rem;
+            height: 200rem;
     }
+   
     .cards {
         transform: translate(-27px, 65px);
 }
@@ -713,4 +743,5 @@ h2 {
     transform: translate(81px, 53px);
     font-size: medium;
 }
-    }
\ No newline at end of file
+    }
+    
\ No newline at end of file

From 99c92a19f09f3e38bbed78dcaa6330abded72663 Mon Sep 17 00:00:00 2001
From: Avansh2006 <avanshyadav20072006@gmail.com>
Date: Wed, 2 Oct 2024 22:57:17 +0530
Subject: [PATCH 2/2] Issue#80

---
 index.html |  2 +-
 style.css  | 41 ++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 53dfdf6..e6f3ddc 100644
--- a/index.html
+++ b/index.html
@@ -259,7 +259,7 @@ <h5>Nike Air Max</h5>
         <div class="container">
             <div class="footer-section">
                 <h3>About Us</h3>
-                <p>Nike is a global leader in sportswear, committed to innovation and inspiring athletes at all levels. Our mission is to bring performance-driven products that empower individuals to achieve their potential, while driving sustainability and creating a better future through sport.</p>
+                <p class="footer-p">Nike is a global leader in sportswear, committed to innovation and inspiring athletes at all levels. Our mission is to bring performance-driven products that empower individuals to achieve their potential, while driving sustainability and creating a better future through sport.</p>
             </div>
 
             <div class="footer-section">
diff --git a/style.css b/style.css
index 9c5d98b..ff92378 100644
--- a/style.css
+++ b/style.css
@@ -599,7 +599,6 @@ header i:hover,header #cart:hover{
     }
     
     .footer-section {
-        flex: 1 1 45%; /* Takes almost half of the container width */
         margin: 10px 0;
     }
 
@@ -744,4 +743,44 @@ h2 {
     font-size: medium;
 }
     }
+    @media (min-width: 768px) and (max-width: 1024px){
+        header img {
+            width: 56px;
+        }
+        .page #shoe {
+            z-index: 100;
+            position: absolute;
+            align-items: center;
+            justify-content: center;
+            width: 95%;
+            height: 29%;
+            top: -1%;
+            left: 20%;
+        }
+        .box {
+            display: flex;
+            width: 50%;
+        }
+        h3 {
+            transform: translateX(-121px);
+        }
+        ul {
+            transform: translate(-122px, 0px);
+        }
+        .footer-p {
+            transform: translateX(-122px);
+        }
+        h4 {
+            transform: translateX(-236px);
+        }
+        p {
+            transform: translateX(-301px);
+        }
+        img {
+            width: 100%;
+        }
+        #right h1 {
+             margin-left: -4%;
+        }
+    }
     
\ No newline at end of file