add responsive

src/pages/Stat/StatPage.module.css

@@ -7,15 +7,7 @@
   gap: 20px;
 }
 
-/* style a montrer a giovanni prcq il est + bo */
-/*.glassCard {
-  background: rgba(255, 255, 255, 0.2);
-  backdrop-filter: blur(10px);
-  border-radius: 10px;
-  padding: 15px;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-  border: 1px solid rgba(255, 255, 255, 0.3);
-}*/ 
+
 
 .block {
   border-radius: 10px;
@@ -263,7 +255,6 @@
   animation: slideInMember 0.5s ease forwards;
 }
 
-/* Animation différée pour chaque carte de membre */
 .memberCard:nth-child(1) {
   animation-delay: 0s;
 }
@@ -304,49 +295,60 @@
 @media screen and (max-width: 760px) {
   .container {
     flex-direction: column;
-    padding: 10px;
+     width:100%;
+     padding: 0 0 0 0;
+  /*  padding: 10px;*/
   }
   
   .leftBlock {
     width: 100%;
-    margin-bottom: 20px;
+    margin-top:20px;
     height: fit-content;
   }
   
   .rightSection {
     width: 100%;
+    margin:0 0 0 0;
+    margin-bottom: 15px;
   }
-  
-  
+  .rightBlock{
+    width:100%;
+    margin-bottom: 0px;
+  }
+
+  .rightBlock h2 {
+  font-size: 20px;
+}
   
   .eventCard {
     width: 100%;
+    height:200px;
+  }
+  .eventCard h3{
+    font-size:17px;
   }
-  
   .donutChart {
     width: 120px;
     height: 120px;
   }
-  
-  .memberCard {
+  .membersContainer {
+    max-height: 200px;
+  }
+  .partiText{
     flex-direction: column;
-    align-items: flex-start;
-    gap: 10px;
+    justify-content: center;
   }
-  
-  .buttonGroup {
-    width: 100%;
-    justify-content: space-between;
-  }
-  
-  .validateButton,
-  .rejectButton {
-    flex: 1;
+  .partiText label{
     text-align: center;
-    padding: 8px;
+  }
+  .formControl {
+    display: flex;
+    justify-content: center;
+    width: 100%;
   }
 
-  .membersContainer {
-    max-height: 300px;
+  .formDesign {
+    margin: 0 auto;
+    width: fit-content;
   }
-}
+    }