From db429376a8111e403a068175e686a84ef933786a Mon Sep 17 00:00:00 2001
From: HaudinFlorence <haudin.florence@gmail.com>
Date: Wed, 23 Oct 2024 10:19:18 +0200
Subject: [PATCH] Revert changes related to styles and alignments in projects
 page, made in PR 160.

---
 src/components/projects/AllProjects.tsx   | 31 +++++++++--------------
 src/components/projects/styles.module.css |  7 ++---
 src/css/custom.css                        |  7 +----
 3 files changed, 17 insertions(+), 28 deletions(-)

diff --git a/src/components/projects/AllProjects.tsx b/src/components/projects/AllProjects.tsx
index f87473c33..6301b9a1b 100644
--- a/src/components/projects/AllProjects.tsx
+++ b/src/components/projects/AllProjects.tsx
@@ -1,27 +1,20 @@
 import { projectsDetails } from "./descriptions/projectsDetails";
-import ProjectCard from "./ProjectCard";
+import ProjectCard from "./ProjectCard"
 
 export default function AllProjects() {
   return (
-    <div
-      className="container flex-full-centered"
-      style={{ marginBottom: "var(--ifm-spacing-3xl)" }}
-    >
-      <ul className="row --no-gutters">
-        {projectsDetails.map((project, index) => {
-          return (
-            <li
-              className="projects-list"
-              key={index}
-              
-            >
-              <div className="col" style={{ paddingLeft: "0" }}>
-                <ProjectCard project={project} />
-              </div>
-            </li>
-          );
+    <div className="container flex-full-centered" style={{marginBottom: "var(--ifm-spacing-3xl)"}}>
+        <ul className="row">
+          {projectsDetails.map((project, index) => {
+            return(
+              <li className="projects-list" key={index}>
+                <div className="col">
+                  <ProjectCard project={project}/>
+                </div>
+              </li>
+            )
         })}
       </ul>
     </div>
-  );
+  )
 }
diff --git a/src/components/projects/styles.module.css b/src/components/projects/styles.module.css
index 35b517f03..c1f3268cd 100644
--- a/src/components/projects/styles.module.css
+++ b/src/components/projects/styles.module.css
@@ -16,7 +16,8 @@ div .project_title {
 }
 
 .project_description {
-  padding: var(--ifm-spacing-sm) var(--ifm-spacing-xl);
+  padding: var(--ifm-spacing-md) var(--ifm-spacing-xl);
+  text-align: center;
 }
 
 .project_description p {
@@ -50,7 +51,7 @@ div .project_title {
 
   .col_project_text p {
     background-color: white;
-    text-align: center;
+    text-align: justify;
   }
 
   .project_picture_jupyter {
@@ -95,7 +96,7 @@ div .project_title {
   }
 
   .header_text p {
-    text-align: justify;
+    text-align: center;
   }
 
   .project_text {
diff --git a/src/css/custom.css b/src/css/custom.css
index 73089dc95..50b0d9083 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -94,10 +94,6 @@ ul {
   padding-left: 0;
 }
 
-ul.row {
-  padding-left: 0;
-}
-
 .container {
   max-width: none;
   padding: 0;
@@ -220,7 +216,7 @@ ul.row {
 
   li {
     font-size: 14px;
-    margin-left: 14px;
+    margin-left: 24px;
   }
 
   .blue-banner-container {
@@ -641,7 +637,6 @@ a.menu__link:active {
 .cards-list {
   list-style-type: none;
   padding: none;
-  margin-left: 0;
 }
 
 .projects-list {