correction responsivity footer + add pic-scroll2 to menu page

Remochat · Jun 20, 2021 · 6c0e500 · 6c0e500
1 parent 2a14437
commit 6c0e500
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -149,7 +149,8 @@ <h4>- Signature - </h4>
 
 
         <!-- CONTENT SECTION #4 -->
-        <div class="deco-scroll"></div>
+        <div class="deco-scroll">
+        </div>
 
 
         <!-- CONTENT SECTION #5 - CONTACT -->

diff --git a/menus.html b/menus.html
@@ -98,6 +98,10 @@ <h3>Recevoir chez soi n'a jamais été aussi simple&#8239;!</h3>
           </div> 
           </section>
 
+
+    <!-- CONTENT SECTION #4 -->
+    <div class="deco-scroll2"></div>
+
     <!-- SLIDEBAR -->
 
 

diff --git a/resources/style.css b/resources/style.css
@@ -175,6 +175,7 @@ p {
   margin : 0 auto 10vw auto;
   align-items:center; 
   display: flex;
+
 
 }
 
@@ -507,7 +508,6 @@ img[src*='toque'] {
   border: 0px;
   margin: 0px;
   color: #333;
-
 }
 
 .deco-scroll {
@@ -518,6 +518,15 @@ img[src*='toque'] {
   background-attachment: fixed, scroll;
 }
 
+.deco-scroll2 {
+  background-image: url(img/pic/max-delsid-81QFH8r4xog-unsplash_light.jpg); 
+  width: 100%;
+  height: 20rem;  
+  background-size: cover;
+  background-attachment: fixed, scroll;
+  margin-bottom: 4rem;
+}
+
 /* ---------- PROCESS & MENUS ---------- */  
 
 .container-process {
@@ -891,11 +900,13 @@ footer {
 */
 
 
-@media only screen and (max-width: 320px) {
-
+@media only screen and (max-width: 360px) {
+  footer {
+   visibility: hidden;
+  }
 } 
 
-@media only screen and (max-width: 960px) {
+@media only screen and (min-width: 361px) and (max-width: 960px) {
 
   .edito {
     font-size: 1.2rem;
@@ -951,14 +962,23 @@ footer {
   }
 
   footer {
-    padding-top:0;
-    /*visibility: hidden;*/
-  }  
+    line-height: 0.7rem;
+
+   }  
 
   footer li {
-    font-size: 0.7rem;
-    margin-left: 5px;
-    margin-right: 5px;
+    font-size: 0.6rem;
+    text-align: center;
+  }
+
+.container {
+  flex-direction: column;
+  display: flex;
+}
+
+  .beyondframes {
+    padding-left: 0;
+    margin-left:0;
   }
 
   .propulsed {