From 24e163f4781e67f59779322d24393f24f3d511aa Mon Sep 17 00:00:00 2001
From: Daniel Barber <github@danbarber.me>
Date: Wed, 10 Jul 2019 22:20:50 -0400
Subject: [PATCH] Add 2 column mode for smaller screens

---
 _assets/stylesheets/components/_photos-container.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/_assets/stylesheets/components/_photos-container.scss b/_assets/stylesheets/components/_photos-container.scss
index f54169b..9156d45 100644
--- a/_assets/stylesheets/components/_photos-container.scss
+++ b/_assets/stylesheets/components/_photos-container.scss
@@ -2,8 +2,12 @@
   @include container;
 
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  grid-gap: 1rem;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 0.65rem 1rem;
+
+  @media only screen and (min-width: 640px) {
+    grid-template-columns: repeat(3, 1fr);
+  }
 }
 
 .photo-thumb {