Padding main réactif

1 files changed, 9 insertions, 2 deletions

diff --git a/sass/juice.scss b/sass/juice.scss
index 122711e..8167754 100644
--- a/sass/juice.scss
+++ b/sass/juice.scss
@@ -97,7 +97,7 @@ header ul li {
 main {
   display: flex;
   flex-grow: 1;
-  padding: 50px 100px;
+  padding: 50px 50px;
   margin: 0;
 
   .toc-homepage {
@@ -176,6 +176,9 @@ main details#navigation-toggle summary {
 }
 
 @media screen and (min-width: 1280px) {
+  main {
+    padding: 50px 100px;
+  }
   .logo {
     font-size: 32px;
   }
@@ -260,7 +263,7 @@ main details#navigation-toggle summary {
   display: none;
 }
 
-.menu-button {
+.menu-button-container {
   display: none;
 }
 
@@ -289,6 +292,10 @@ main details#navigation-toggle summary {
 }
 
 @media (max-width: 768px) {
+  .menu-button-container {
+    display: block;
+  }
+
   main .toc-homepage {
     display: block;
   }