Fix padding and margins issues.

Author: HaudinFlorence

.github/workflows/static.yml

@@ -4,7 +4,7 @@ name: Deploy static content to Pages
 on:
   # Runs on pushes targeting the default branch
   push:
-    branches: ["master"]
+    branches: ["fix_alignments_in_mobile_design"]
   pull_request:
     branches:
       - '*'
@@ -39,7 +39,7 @@ jobs:
 
   deploy:
     needs: build
-    if: github.ref == 'refs/heads/master'
+    if: github.ref == 'refs/heads/fix_alignments_in_mobile_design'
     environment:
       name: github-pages
       url: ${{ steps.deployment.outputs.page_url }}

src/components/footer/Footer.tsx renamed to src/components/contact/footer/Footer.tsx

@@ -9,7 +9,7 @@ export default function AllProjects() {
         {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/footer/styles.module.css renamed to src/components/contact/footer/styles.module.css

@@ -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/AllProjects.tsx

@@ -73,6 +73,11 @@ div .project_title {
     border: none;
     margin-bottom: var(--ifm-spacing-xl);
   }
+
+ li .project_ {
+    padding-left: 0;
+    margin-left: 0;
+  }
 }
 
 @media only screen and (min-width: 996px) {

src/components/projects/ProjectCard.tsx

@@ -92,6 +92,7 @@
 
 ul {
   padding-left: 0;
+  margin-left:0;
 }
 
 .container {
@@ -641,6 +642,7 @@ a.menu__link:active {
 
 .projects-list {
   list-style-type: none;
-  padding: none;
-  width: 100%;
-}
+  padding-left: 0;
+  margin-left: 0;
+ /* width: 100%;*/
+}

src/components/projects/styles.module.css

@@ -2,7 +2,7 @@ import Layout from "@theme/Layout";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import {About} from "../components/about";
 import BrowserOnly from "@docusaurus/BrowserOnly";
-import Footer from "../components/footer/Footer";
+import Footer from "../components/contact/footer/Footer";
 
 export default function AboutPage(): JSX.Element {
   const { siteConfig } = useDocusaurusContext();

src/css/custom.css

@@ -2,7 +2,7 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
 import BlogsComponent from "../components/blog";
 import blogpostDetails from "@site/src/components/blog/blogpostsDetails.json";
-import Footer from "../components/footer/Footer";
+import Footer from "../components/contact/footer/Footer";
 
 
 export default function BlogPage(): JSX.Element {

src/pages/about.tsx

@@ -1,7 +1,7 @@
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
 import Careers from '../components/careers';
-import Footer from "../components/footer/Footer";
+import Footer from "../components/contact/footer/Footer";
 
 
 export default function CareersPage(): JSX.Element {

src/pages/blog.tsx

@@ -2,7 +2,7 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
 import Contact from "@site/src/components/contact";
 import BrowserOnly from "@docusaurus/BrowserOnly";
-import Footer from "../components/footer/Footer";
+import Footer from "../components/contact/footer/Footer";
 
 export default function ContactPage(): JSX.Element {
   const { siteConfig } = useDocusaurusContext();

src/pages/careers.tsx

@@ -2,7 +2,7 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
 import Home from "../components/home/Home";
 import BrowserOnly from "@docusaurus/BrowserOnly";
-import Footer from "../components/footer/Footer";
+import Footer from "../components/contact/footer/Footer";
 
 export default function HomePage(): JSX.Element {
   const { siteConfig } = useDocusaurusContext();

src/pages/contact.tsx

@@ -2,7 +2,7 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
 import Home from "../components/home/Home";
 import BrowserOnly from "@docusaurus/BrowserOnly";
-import Footer from "../components/footer/Footer";
+import Footer from "../components/contact/footer/Footer";
 
 export default function QSWebsite(): JSX.Element {
   const { siteConfig } = useDocusaurusContext();

src/pages/home.tsx

@@ -2,7 +2,7 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
 import Projects from "@site/src/components/projects";
 import BrowserOnly from "@docusaurus/BrowserOnly";
-import Footer from "../components/footer/Footer";
+import Footer from "../components/contact/footer/Footer";
 
 export default function ProjectsPage(): JSX.Element {
   const { siteConfig } = useDocusaurusContext();

src/pages/index.tsx

@@ -2,7 +2,7 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
 import Services from "../components/services";
 import BrowserOnly from "@docusaurus/BrowserOnly";
-import Footer from "../components/footer/Footer";
+import Footer from "../components/contact/footer/Footer";
 
 export default function ServicesPage(): JSX.Element {
   const { siteConfig } = useDocusaurusContext();