Corrige la taille des gros éléments sur les petits écrans

2 files changed, 15 insertions, 4 deletions

diff --git a/src/css/_contenu.scss b/src/css/_contenu.scss
index 5a79ea2..046c723 100755
--- a/src/css/_contenu.scss
+++ b/src/css/_contenu.scss
@@ -177,6 +177,12 @@ article {
       font-size: 0.9rem;
     }
   }
+  @media #{$big-laptop} {
+    pre code {
+      width: 120%;
+      margin: 0 -10%;
+    }
+  }
   @mixin lightMode {
     .pubDate {
       color: #606060;
@@ -229,9 +235,14 @@ article {
 
   iframe, img, div {
     border: none;
-    &.big {
-      width: 120%;
-      margin: 0 -10%;
+    margin: 0 auto;
+
+    @media #{$big-laptop} {
+      &.big {
+        width: 130%;
+        max-width: 130%;
+        margin: 0 -10%;
+      }
     }
   }
 }
diff --git a/src/css/design.scss b/src/css/design.scss
index 8277b7e..468f6f1 100755
--- a/src/css/design.scss
+++ b/src/css/design.scss
@@ -142,7 +142,7 @@ ache {
 img {
   display: block;
   margin: 15px 15px;
-  max-width: 120%;
+  max-width: 100%;
 }
 table {
   border-collapse: collapse;