From 40c57fee133a927cf03adf078129981e259f6f63 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Tue, 21 Apr 2020 19:23:15 +0200
Subject: [PATCH] Photos/Carousel: Fix ratio for narrow screens

---
 src/style/molecules/_photo.scss    | 4 ++++
 src/style/organisms/_carousel.scss | 3 +++
 2 files changed, 7 insertions(+)

diff --git a/src/style/molecules/_photo.scss b/src/style/molecules/_photo.scss
index 4ed67f6..d104954 100644
--- a/src/style/molecules/_photo.scss
+++ b/src/style/molecules/_photo.scss
@@ -58,6 +58,10 @@
             max-width: 1180px;
             margin: 0;
             padding: 0;
+
+            @media (min-aspect-ratio: 16/9) {
+                max-width: 1000px;
+            }
         }
     }
 
diff --git a/src/style/organisms/_carousel.scss b/src/style/organisms/_carousel.scss
index 5e12357..037161d 100644
--- a/src/style/organisms/_carousel.scss
+++ b/src/style/organisms/_carousel.scss
@@ -17,6 +17,9 @@
         @include breakpoint (1680px) {
             max-width: 1424px;
         }
+        @media (min-aspect-ratio: 16/9) {
+            max-width: 1200px;
+        }
     }