From 62c6cf7fdbe3ce2d3bd37d0aafd1cf2d7dabb56a Mon Sep 17 00:00:00 2001
From: Yoelvis Mulen <ymulenll@gmail.com>
Date: Tue, 12 May 2020 17:06:53 -0300
Subject: [PATCH] display dense to avoid holes in the grid

hey @codediodeio, you could probably include `grid-auto-flow: dense;` (even though if it's not the best for accessibility) to avoid having holes in the gallery, for example if you remove the first 3 images you can see something like this:
http://recordit.co/NETNEk6Fix

but using `grid-auto-flow: dense;`:
http://recordit.co/2eIfqBBjNV

Thanks for your great content!
---
 public/photo-grid.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/public/photo-grid.css b/public/photo-grid.css
index 71059c2..eae380c 100644
--- a/public/photo-grid.css
+++ b/public/photo-grid.css
@@ -4,6 +4,8 @@
 
   grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
   grid-auto-rows: 240px;
+  
+  grid-auto-flow: dense;
 }
 
 /* Medium screens */
@@ -15,4 +17,4 @@
   .card-wide {
     grid-column: span 2 / auto;
   }
-}
\ No newline at end of file
+}