From 99629faeda63bea043f6a4078caed2d16acab558 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mart=C3=ADn=20Gonz=C3=A1lez?= <m@martingonzalez.net>
Date: Tue, 27 Apr 2021 00:09:58 +0200
Subject: [PATCH] Responsive patron grid

---
 _sass/_front.scss | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/_sass/_front.scss b/_sass/_front.scss
index 6f9c757..4f97ffd 100644
--- a/_sass/_front.scss
+++ b/_sass/_front.scss
@@ -40,13 +40,12 @@ a:active {
     margin-bottom: 30px;
 }
 .patrons {
-    margin-bottom: 40px;
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-row-gap: 2rem;
 }
 .patronLogo {
-    padding-left: 15px;
-    padding-right: 15px;
-    max-width: 20%;
-    max-height: 7em;
+    max-height: 9rem;
 }
 .closingText {
     font-size: 22px;
@@ -71,6 +70,16 @@ a:active {
     background: rgb(255, 255, 165);
 }
 
+
+@media screen and (min-width: $screen-md-min) {
+    .patrons {
+        margin: 0 auto;
+        margin-bottom: 4rem;
+        grid-template-columns: repeat(4, 1fr);
+        max-width: 800px;
+    }
+}
+
 @media screen and (min-width: $screen-lg-min) {
     .container {
         width: 970px;
@@ -84,4 +93,4 @@ a:active {
     .logoImg {
         margin-bottom: 0;
     }
-}
+}
\ No newline at end of file