From 89ca0179838cb699257b91cbf012efd84531f3b5 Mon Sep 17 00:00:00 2001
From: Justin Walrath <walrathjaw@gmail.com>
Date: Mon, 30 May 2022 16:09:12 -0400
Subject: [PATCH] [17] Images are contained in a box now whether it's
 horizontal or vertical

---
 src/photoDisplays/PhotoGrid.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/photoDisplays/PhotoGrid.scss b/src/photoDisplays/PhotoGrid.scss
index 5c15cab..dc43f38 100644
--- a/src/photoDisplays/PhotoGrid.scss
+++ b/src/photoDisplays/PhotoGrid.scss
@@ -12,8 +12,8 @@
             left: 50%;
             top: 50%;
             transform: translate(-50%, -50%);
-            height: auto;
-            width: 100%;
+            max-height: 100%;
+            max-width: 100%;
         }
     }
 }
@@ -21,6 +21,7 @@
 @media only screen and (min-width: 1500px) {
     .photo-grid {
         .photo-grid-thumb-container {
+            height: 200px;
             width: 23%;
         }
     }
@@ -30,6 +31,7 @@
 @media only screen and (max-width: 1499px) and (min-width: 1000px) {
     .photo-grid {
         .photo-grid-thumb-container {
+            height: 200px;
             width: 30%;
         }
     }
@@ -38,6 +40,7 @@
 @media only screen and (max-width: 999px) and (min-width: 700px) {
     .photo-grid {
         .photo-grid-thumb-container {
+            height: 200px;
             width: 44%;
         }
     }
@@ -46,7 +49,6 @@
 @media only screen and (max-width: 699px) {
     .photo-grid {
         .photo-grid-thumb-container {
-            
             margin: 10px 10px 0 10px;
             width: 100%;
         }