fileserver: browse: Better grid layout (#5564)

* feat: better implementation of grid layout * fix: vertical alignment
caddyserver · Jun 5, 2023 · 56af1ce · 56af1ce
1 parent 4ba03c9
commit 56af1ce
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/modules/caddyhttp/fileserver/browse.html b/modules/caddyhttp/fileserver/browse.html
@@ -547,17 +547,16 @@
 }
 
 .grid {
-	display: flex;
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));
+	justify-items: center;
+	align-items: start;
 	gap: 2px;
-	flex-wrap: wrap;
 }
 
 .grid .entry {
 	position: relative;
-	width: 20%;
-	min-width: 250px;
-	max-width: 400px;
-	flex: 1;
+	width: 100%;
 }
 
 .grid .entry a {