Fix align on the projects page.

Author: HaudinFlorence

.github/workflows/static.yml

@@ -51,4 +51,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v4
+        uses: actions/deploy-pages@v4

src/components/projects/AllProjects.tsx

@@ -5,11 +5,11 @@ import ProjectCard from "./ProjectCard"
 export default function AllProjects() {
   return (
     <div className="container flex-full-centered" style={{marginBottom: "var(--ifm-spacing-3xl)"}}>
-      <ul className="row">
+      <ul className="row--no-gutters" style={{paddingLeft: "0"}}>
         {projectsDetails.map((project, index) => {
           return(
           <li className="projects-list" key={index}>
-            <div className="col">
+            <div className="col" style={{padding:"0 0"}}>
               <ProjectCard project={project}/>
             </div>
           </li>

src/components/projects/ProjectCard.tsx

@@ -5,7 +5,7 @@ export default function ProjectCard({ project }): JSX.Element {
   const base = `${prefix}${project.name}` 
   return (
     <div className="container">
-      <div className="row row--no-gutters horizontally-centered">
+      <div className="row row--no-gutters">
         <div
           className={"col col--6 col" + " " + styles.project_text}
         >

src/components/projects/styles.module.css

@@ -16,7 +16,6 @@ div .project_title {
 }
 
 .project_description {
-  padding: var(--ifm-spacing-md) var(--ifm-spacing-xl);
   text-align: center;
 }
 
@@ -46,12 +45,13 @@ div .project_title {
     letter-spacing: 0.25px;
     text-align: center;
     margin-bottom: var(--ifm-spacing-lg);
-    padding: var(--ifm-spacing-lg) var(--ifm-spacing-2xl);
+    padding: var(--ifm-spacing-lg) var(--ifm-spacing-xl);
   }
 
-  .col_project_text p {
+  .project_text {
     background-color: white;
     text-align: justify;
+    padding: var(--ifm-spacing-lg) var(--ifm-spacing-2xl)
   }
 
   .project_picture_jupyter {

src/css/custom.css

@@ -92,6 +92,7 @@
 
 ul {
   padding-left: 0;
+  margin-left:0;
 }
 
 .container {
@@ -211,7 +212,7 @@ ul {
     line-height: 150%;
     line-height: 20px;
     letter-spacing: 0.25px;
-    text-align: center;
+    padding: 0 var(--ifm-spacing-2xl)
   }
 
   li {
@@ -641,6 +642,6 @@ a.menu__link:active {
 
 .projects-list {
   list-style-type: none;
-  padding: none;
-  width: 100%;
+  padding-left: 0;
+  margin-left: 0;
 }