bug fix

gdsc-nits-org · Oct 8, 2024 · 451405b · 451405b
1 parent 37e4d10
commit 451405b
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 34 deletions.
diff --git a/src/Components/About/Tecno/Tecno.module.scss b/src/Components/About/Tecno/Tecno.module.scss
@@ -6,7 +6,7 @@
   font-style: normal;
 }
 .nitsParent {
-  margin: 1rem;
+  margin: 2rem;
   @media screen and (min-width: 640px) {
     margin: 2rem;
   }
@@ -104,29 +104,32 @@
       width: 100%;
     }
     .brochure {
-      position: absolute;
-      right: 0;
-      bottom: 5.5rem;
       display: flex;
-      height: 0.5rem;
-      width: 18rem;
-      padding-right: 4rem;
+      height: 50px;
+      width: 100%;
+      justify-content: end;
       align-items: center;
-      justify-content: center;
+      padding-right: 55px;
+      padding-top: 10px;
+      padding-bottom: 16px;
+      gap: 10px;
+      margin-top: 20px;
       .btn {
         color: #000;
-        width: 100%;
+        width: 100px;
         border-radius: 5px;
+        height: 40px;
+        width: 180px;
         display: flex;
         gap: 10px;
         align-items: center;
         justify-content: center;
+        margin-top: 20px;
         font-size: 15px;
-        padding: 1rem;
-        height: 3rem;
         font-weight: bold;
         font-family: "StarJedi", sans-serif;
         background-color: white;
+        margin-left: 55px;
       }
     }
     a {
@@ -172,22 +175,4 @@
       0% 100%
     );
   }
-  @media screen and (max-width: 1100px) {
-    .NitsHacks {
-      height: 6rem;
-      .brochure {
-        width: 28rem;
-      }
-    }
-  }
-  @media screen and (max-width: 500px) {
-    .NitsHacks {
-      .brochure {
-        height: 9rem;
-        .btn {
-          height: 5rem;
-        }
-      }
-    }
-  }
 }
diff --git a/src/Components/Sponsor/Card/Card.jsx b/src/Components/Sponsor/Card/Card.jsx
@@ -6,7 +6,7 @@ const Card = ({ photo, link }) => {
       <div className={styles.wrapper}>
         <div className={styles.box}>
           <a href={link} target="_blank" rel="noreferrer">
-            <img src={photo} className={styles.img} alt="logo" />
+            <img src={photo} className={styles.im} alt="logo" />
           </a>
         </div>
       </div>

diff --git a/src/Components/Sponsor/Card/Card.module.scss b/src/Components/Sponsor/Card/Card.module.scss
@@ -26,7 +26,7 @@
         background: none;
       }
 
-      .img {
+      .im {
         height: 50%;
         width: 70%;
         scale: 0.8;

diff --git a/src/Components/Sponsor/Sponsor.module.scss b/src/Components/Sponsor/Sponsor.module.scss
@@ -7,9 +7,12 @@
 .sponsor {
   display: flex;
   flex-direction: column;
+  margin-top: 2rem;
   gap: 2rem;
   align-items: center;
   justify-content: center;
+  overflow-x: hidden;
+  margin-top: 2rem;
   width: 100vw;
 }
 .heading {

diff --git a/src/Pages/Home/Home.module.scss b/src/Pages/Home/Home.module.scss
@@ -2,8 +2,10 @@
 .home {
   min-height: 100vh;
   background-color: black;
-  h1 {
-    font-weight: bold;
-  }
   overflow-x: hidden;
+  .aboutsec {
+    margin-bottom: 1rem;
+    height: fit-content;
+    padding-bottom: 2rem;
+  }
 }