Revert changes related to styles and alignments in projects page, made in PR 160.

Author: HaudinFlorence

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>
-  );
+  )
 }

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 {

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 {