From ae50611acc363f436dd2ab43c5339d0c2e31fb35 Mon Sep 17 00:00:00 2001
From: Saud Fatayerji <saudfatayerji@gmail.com>
Date: Sat, 4 Feb 2023 17:36:20 +0300
Subject: [PATCH] Fixed issue where the last feature expands to fill the whole
 last row

---
 src/main/resources/templates/home.html | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/main/resources/templates/home.html b/src/main/resources/templates/home.html
index db7631a9..ea47c462 100644
--- a/src/main/resources/templates/home.html
+++ b/src/main/resources/templates/home.html
@@ -6,18 +6,14 @@
 
 <style>
 	.features-container {
-		display: flex;
-		flex-wrap: wrap;
-    	justify-content: space-between;
-    	row-gap: 25px;
-    	column-gap: 30px;
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(21rem, 3fr));
+		gap: 25px 30px;
 	}
 	.feature-card {
 		border: 1px solid rgba(0,0,0,.125);
 		border-radius: 0.25rem;
 		padding: 1.25rem;
-		width: 21rem;
-		flex-grow: 1;
 	}
 </style>