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 {