From: Jérémy Fabre <Jeremy@iMac-de-Jeremy.local>
Date: Thu, 3 Nov 2016 09:49:19 +0000 (+0100)
Subject: Fix the page box style on mobile devices
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=0b7316c7272d04039823a9d8275e6250e2c880b2;p=mezzo.git

Fix the page box style on mobile devices
---

diff --git a/app/static/src/sass/modules/boxes/_page-box.scss b/app/static/src/sass/modules/boxes/_page-box.scss
index fcebba99..24f76636 100644
--- a/app/static/src/sass/modules/boxes/_page-box.scss
+++ b/app/static/src/sass/modules/boxes/_page-box.scss
@@ -8,6 +8,11 @@ $module: ".page-box";
 
     @include margin-bottom(1);
 
+    @include mq($until: sm) {
+        height: auto;
+        overflow: hidden;
+    }
+
     &:first-of-type {
 
         @include margin-top(3);
@@ -18,6 +23,15 @@ $module: ".page-box";
 
         @include fluid-aspect(9 4, "img");
 
+        @include mq($until: xs) {
+            @include fluid-aspect(4.5 8, "img");
+            >img {
+                width: 310%;
+                left: -50%;
+                max-width: none;
+            }
+        }
+
         &:after {
             content: '';
             display: block;