Fix style and alignment issues for the mobile design.

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/home/WhatWeDo/styles.module.css

@@ -27,9 +27,15 @@ div .topics_header {
 
   .topics_card {
     width: 100%;
-    padding: var(--ifm-spacing-2xl) var(--ifm-spacing-lg);
+    padding: var(--ifm-spacing-lg) var(--ifm-spacing-lg);
+    text-align: justify;
+  }
+
+  .topics_card .p {
+    padding: var(--ifm-spacing-lg) var(--ifm-spacing-lg);
   }
 
+
   .services_link_desktop {
     display: none;
    }

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

@@ -45,10 +45,10 @@ 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: center;
   }
@@ -94,10 +94,6 @@ div .project_title {
     padding: var(--ifm-spacing-lg) var(--ifm-spacing-4xl);
   }
 
-  .header_text p {
-    text-align: justify;
-  }
-
   .project_text {
     background-color: var(--ifm-color-orange-light);
     padding: var(--ifm-spacing-4xl) var(--ifm-spacing-3xl);

src/css/custom.css

@@ -92,6 +92,7 @@
 
 ul {
   padding-left: 0;
+  margin-left:0;
 }
 
 ul.row {
@@ -215,7 +216,7 @@ ul.row {
     line-height: 150%;
     line-height: 20px;
     letter-spacing: 0.25px;
-    text-align: center;
+    padding: 0 var(--ifm-spacing-lg) 
   }
 
   li {
@@ -648,4 +649,4 @@ a.menu__link:active {
   list-style-type: none;
   padding: none;
   width: 100%;
-}
+}