fix: nothing lol x-axis still ugly

Eurielec · Feb 11, 2024 · dffc410 · dffc410
1 parent ae6a161
commit dffc410
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 18 deletions.
diff --git a/public/css/style.css b/public/css/style.css
@@ -528,14 +528,12 @@ header .intro-text {
     align-items: center;
   } 
   body, html {
-    overflow-x:scroll;
+    overflow-x: scroll;
   }
   #header {
     width: 50%;
-  } 
-  [class*="col-"] {
-    width: 100%;
   }
+
 }
 
 
@@ -565,22 +563,22 @@ header .intro-text {
 }
 
 #sponsors {
-    padding: 50px 0;
-    background-color: #ecf7fd;
-}
-#sponsors .container {
-  display: flex;
-  flex-direction: column;
-
+  padding: 20px 0;
+  background-color: #ecf7fd;
+  width: 100%; 
+
 }
-#sponsors #row {
+
+.sponsors {
   display: flex;
-  align-items: center;
-  justify-content: space-around;
   flex-wrap: wrap;
-
+  justify-content: space-around;
+  align-items: center;
+  padding: 5%;
+
 }
 
+
 #sponsors .sponsors-img {
   width: 240px;
   height: 240px; /* Set the height equal to the width */
@@ -589,6 +587,6 @@ header .intro-text {
 }
 
 #sponsors .thumbnail {
-  border-radius: 25%;
+  border-radius: 15%;
   background: linear-gradient(to right bottom, #52bde9 0%, #036cad 80%);
-}
+}
diff --git a/src/components/sponsors.jsx b/src/components/sponsors.jsx
@@ -13,7 +13,7 @@ export const Sponsors = (props) => {
             <div id='row'>
                 {props.data
                     ? props.data.sponsors.map((d, i) => (
-                        <div key={`${d.name}-${i}`} className='sponsors'>
+                        <div key={`${d.name}-${i}`} className='col-md-6 col-sm-6 sponsors'>
                             <div className='thumbnail'>
                                 <a href={d.link}><img src={d.img} alt='...' className='sponsors-img' /></a>
                             </div>