correction erreur responsive

src/components/Header/Header.jsx

@@ -55,11 +55,11 @@ function Header() {
                             <NavLink to="/volunteers" className={({ isActive }) => isActive ? styles.activeLink : styles.link}>
                                 Bénévoles
                             </NavLink>
-                            {user?.isAdmin && (
+                            {/*{user?.isAdmin && (
                                 <NavLink to="/admin" className={({ isActive }) => isActive ? styles.activeLink : styles.link}>
                                     Administration
                                 </NavLink>
-                            )}
+                            )}*/}
                         </div>
                     </div>
 
@@ -91,11 +91,11 @@ function Header() {
                     <NavLink to="/volunteers" className={({ isActive }) => isActive ? styles.activeLink : styles.link}>
                         Bénévoles
                     </NavLink>
-                    {user?.isAdmin && (
+                    {/*{user?.isAdmin && (
                         <NavLink to="/admin" className={({ isActive }) => isActive ? styles.activeLink : styles.link}>
                             Administration
                         </NavLink>
-                    )}
+                    )}*/}
                 </nav>
 
 

src/layout.jsx

@@ -9,11 +9,11 @@ import { AuthContext } from "./contexts/auth/AuthContext.js";
 
 function Layout(){
 
-    const { user, loading } = useContext(AuthContext);
+    /*const { user, loading } = useContext(AuthContext);
 
    if (loading) return <p>Loading</p>;
     if (!user) return <Navigate to="/login" />;
-    if(user && user.validate === 0) return <Navigate to="/error/validation" />;
+    if(user && user.validate === 0) return <Navigate to="/error/validation" />;*/
 
     return (
         <div>

src/pages/Home/HomePage.module.css

@@ -1,7 +1,7 @@
 .allContent{
     display: flex;
-    justify-content: center;
+    flex-direction: row;
-    gap:80px;
+    gap: 7%;
 }
 
 @media (max-width: 768px) {
@@ -10,10 +10,4 @@
         flex-direction: column;
         gap: 0px;
     }
-}
-
-.allContent{
-    display: flex;
-    flex-direction: row;
-    gap: 7%;
 }