update responsive of project details page

Reviewed-on: Giovanni-Josserand/Portfolio#37

public/assets/images/skills/C++.svg

@@ -7,12 +7,26 @@
    width="1822"
    height="2051"
    viewBox="0 0 1822 2051"
+   sodipodi:docname="C++.png"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
      id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
   <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
      id="g1">
     <image
        width="1822"

public/assets/images/skills/CSS.svg

@@ -7,12 +7,26 @@
    width="1200"
    height="1200"
    viewBox="0 0 1200 1200"
+   sodipodi:docname="CSS.png"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
      id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
   <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
      id="g1">
     <image
        width="1200"

public/assets/images/skills/Git.svg

@@ -7,12 +7,26 @@
    width="2048"
    height="2048"
    viewBox="0 0 2048 2048"
+   sodipodi:docname="Git.png"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
      id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
   <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
      id="g1">
     <image
        width="2048"

public/assets/images/skills/HTML.svg

@@ -7,12 +7,26 @@
    width="169"
    height="169"
    viewBox="0 0 169 169"
+   sodipodi:docname="image-removebg-preview.png"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
      id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
   <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
      id="g1">
     <image
        width="169"

public/assets/images/skills/JavaScript.svg

@@ -7,12 +7,26 @@
    width="973"
    height="973"
    viewBox="0 0 973 973"
+   sodipodi:docname="JavaScript.png"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
      id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
   <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
      id="g1">
     <image
        width="973"

public/assets/images/skills/PHP.svg

@@ -7,12 +7,26 @@
    width="2560"
    height="1381"
    viewBox="0 0 2560 1381"
+   sodipodi:docname="PHP.png"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
      id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
   <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
      id="g1">
     <image
        width="2560"

public/assets/images/skills/Python.svg

@@ -7,12 +7,26 @@
    width="110"
    height="110"
    viewBox="0 0 110 110"
+   sodipodi:docname="Pyhton.png"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
      id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
   <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
      id="g1">
     <image
        width="110"

public/assets/images/skills/SQL.svg

@@ -7,12 +7,26 @@
    width="301"
    height="299"
    viewBox="0 0 301 299"
+   sodipodi:docname="SQL.png"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
      id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
   <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
      id="g1">
     <image
        width="301"

src/components/ProjectDetails/ProjectDetails.css

@@ -183,5 +183,11 @@ aside ul li a:hover {
     .return-button {
         top: 7em;
     }
+    aside {
+        display: none;
+    }
+    .project-details-content{
+        width: 100%;
+    }
 }
 

src/index.css

@@ -9,7 +9,6 @@
 
 html{
   scroll-behavior: smooth;
-  overflow-x: hidden;
 }
 
 
@@ -17,7 +16,6 @@ body {
   margin: 0;
   display: flex;
   place-items: center;
-  overflow-x: hidden;
 }
 
 .section-title {