Merge pull request #50 from NjNerson/OrganizersPartners

Organizers partners
WhyNotLinuxMG · Jun 1, 2024 · 6a1b0ed · 6a1b0ed
2 parents 178737a + a716699
commit 6a1b0ed
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 25 deletions.
diff --git a/src/components/organizersPartners/Associate.jsx b/src/components/organizersPartners/Associate.jsx
@@ -1,12 +1,12 @@
 export default function Associate({ associate, ind }) {
   return (
-    <li key={ind} className="m-8">
+    <li key={ind} className="lg:m-8 m-4">
       <img
         draggable="false"
         loading="lazy"
         src={associate.image}
         alt={associate.nom}
-        className=" max-w-64 h-24 object-contain block "
+        className="max-w-64 h-24 object-contain block "
       />
     </li>
   );

diff --git a/src/components/organizersPartners/Title.jsx b/src/components/organizersPartners/Title.jsx
@@ -1,6 +1,6 @@
 export default function Title({ children }) {
   return (
-    <h2 className="text-white text-[1.5rem] md:text-[2rem] leading-10 text-center uppercase tracking-wide">
+    <h2 className="text-white text-[1.5rem] md:text-[2rem] leading-10 text-center uppercase tracking-wide pb-3">
       {children}
     </h2>
   );

diff --git a/src/scenes/OrganizersPartners.jsx b/src/scenes/OrganizersPartners.jsx
@@ -6,7 +6,7 @@ import Associate from "../components/organizersPartners/Associate";
 //ORGANISATEURS ET PARTENAIRES
 function OrganizersPartners() {
   return (
-    <section className=" bg-background py-[7.5rem] px-20 font-DMMono">
+    <section className=" bg-background py-[7.5rem] lg:px-20 font-DMMono">
       {/* SEPARATOR */}
       <div className=" mx-auto md:h-3 h-2 mb-16 box-border border-dashed border-y-2 opacity-10 text-raven "></div>
       {/*ORGANISATEURS*/}

diff --git a/src/styles/App.css b/src/styles/App.css
@@ -1,32 +1,29 @@
 .top-section {
-    background: #0057a8;
-    background: linear-gradient(207deg, #04315c 0%, rgb(1, 15, 22) 100%);
+  background: #0057a8;
+  background: linear-gradient(207deg, #04315c 0%, rgb(1, 15, 22) 100%);
 }
 
-
-
-
-.Kontes-Compressed{
-    font-family: "Kontes-Compressed";
+.Kontes-Compressed {
+  font-family: "Kontes-Compressed";
 }
-.Kontes-Compressed-Bold{
-    font-family: "Kontes-CompressedBold";
+.Kontes-Compressed-Bold {
+  font-family: "Kontes-CompressedBold";
 }
 
 .color-yellow-sea {
-    color: #EEA736;
+  color: #eea736;
 }
 
-.color-raven{
-    color: #6C757D;
+.color-raven {
+  color: #6c757d;
 }
 
 .nav-list {
-    color: #fff;
-    font-weight: 400;
-    font-family: "DMMono-Light";
-    font-size: 20px;
-    text-decoration: none;
+  color: #fff;
+  font-weight: 400;
+  font-family: "DMMono-Light";
+  font-size: 20px;
+  text-decoration: none;
 }
 /* .backtitle{
 font-size: 98px;
@@ -36,7 +33,11 @@ text-align: left;
 
 } */
 
-.gradientBg{
-    background: rgb(2,15,19);
-    background: linear-gradient(61deg, rgba(2,15,19,1) 0%, rgba(17,86,166,1) 100%);
-}
+.gradientBg {
+  background: rgb(2, 15, 19);
+  background: linear-gradient(
+    61deg,
+    rgba(2, 15, 19, 1) 0%,
+    rgba(17, 86, 166, 1) 100%
+  );
+}