improve home

medialab · Jul 29, 2024 · 16a043f · 16a043f
1 parent 571b023
commit 16a043f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/App.js b/src/App.js
@@ -87,6 +87,10 @@ function App() {
           }
           }
         />
+        <img className="welcome-image" 
+          src={`${process.env.PUBLIC_URL}/images/accueil-dessin-des-abords-V2-web.jpg`}
+          alt="accueil"
+        />
         {
           menuData
             .slice(1)

diff --git a/src/App.scss b/src/App.scss
@@ -214,6 +214,9 @@ main .section {
   //   z-index: -1;
   //   opacity: .1;
   // }
+  @media screen and (max-width: $main-width) {
+    width: calc(100vw - 2rem);
+  }
   .home-contents {
     max-width: $main-width;
     width: $main-width;
@@ -292,6 +295,14 @@ main .section {
   }
 }
 
+.welcome-image{
+  max-width: $main-width;
+  @media screen and (max-width: $main-width) {
+    max-width: calc(100% - 2rem);
+  }
+
+}
+
 .section.voyageurs {
   $part-height: calc(100vh - 3rem);
   display: flex;