From ef5a5b88fe285cf40c64714d3d3e4df8c9d4bf3b Mon Sep 17 00:00:00 2001
From: Space <space@reversed.dev>
Date: Thu, 23 Jan 2025 20:59:54 +0100
Subject: [PATCH] Enhance styling in Index component for better visual appeal
 and user experience

---
 app/routes/_index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
index a8365a9..5fb774d 100644
--- a/app/routes/_index.tsx
+++ b/app/routes/_index.tsx
@@ -216,7 +216,7 @@ export default function Index() {
 								<h3 className="text-xl font-bold text-gray-100 mb-4 bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent">
 									Charly
 								</h3>
-								<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
+								<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 bg-gray-800 p-4 rounded-lg">
 									<div className="flex items-center gap-3 text-gray-300 hover:text-blue-400 transition-colors">
 										<span className="text-2xl">🗣️</span>
 										<span>the guy is a little deaf</span>