Merge pull request '[17] Images are contained in a box now whether it's horizontal or vertical' (#24) from 17-tall-images into develop

Reviewed-on: #24

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%;
         }