Thumbnails are 300 pixels and large screens get 1400px width to work with

src/components/Gallery.vue

@@ -101,7 +101,7 @@ export default {
     display: flex;
     width: 100%;
     flex-direction: row;
-    justify-content: space-evenly;
+    // justify-content: space-evenly;
     flex-wrap: wrap;
     padding: 1rem 0;
   }

src/components/GalleryImage.vue

@@ -53,10 +53,11 @@ export default {
 }
 
 img {
-  max-height: 250px;
-  max-width: 250px;
+  max-height: 300px;
+  max-width: 300px;
+  width: 300px;
   cursor: pointer;
-  margin: 0 0.5rem;
+  margin: 0.6rem;
 
   @media screen and (max-width: 600px) {
     background-color: red;

src/scss/main.scss

@@ -44,7 +44,7 @@ a {
     // max-width: unset;
   }
 
-  @media screen and (min-width: 1100px) {
-    max-width: 1000px;
+  @media screen and (min-width: 1400px) {
+    max-width: 1400px;
   }
 }