diff --git a/app/index.html b/app/index.html
index 975b015..08872c6 100644
--- a/app/index.html
+++ b/app/index.html
@@ -94,7 +94,7 @@
         </nav>
     </header>
     <!-- Content -->
-    <div id="gallery" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 space-x-2 sm:space-x-5">
+    <div id="gallery" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 space-x-2 sm:space-x-5">
     </div>
 
     <!-- Footer -->
diff --git a/app/scripts/distribute_images.js b/app/scripts/distribute_images.js
index 31d0b26..dfe0451 100644
--- a/app/scripts/distribute_images.js
+++ b/app/scripts/distribute_images.js
@@ -4,17 +4,17 @@ const images = [
     "image_4.jpg",
     "image_12.jpg",
     "image_6.jpg",
-    "image_13.jpg",
     "image_2.jpg",
-    "image_8.jpg",
-    "image_0.jpg",
-    "image_1.jpg",
+    "image_13.jpg",
+    "image_11.jpg",
     "image_9.jpg",
-    "image_10.jpg",
+    "image_8.jpg",
     "image_15.jpg",
-    "image_3.jpg",
-    "image_11.jpg",
     "image_14.jpg",
+    "image_3.jpg",
+    "image_0.jpg",
+    "image_10.jpg",
+    "image_1.jpg",
 ];
 
 const twoColumnThreshold = 640;