From c192a6c12f69881ebcf211cbe567c53255fae20e Mon Sep 17 00:00:00 2001
From: Ploc300 <ploc300@hotmail.com>
Date: Tue, 18 Feb 2025 14:38:58 +0100
Subject: [PATCH] Fix Contanct not responsive on small screen

---
 src/components/sections/Contact.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/sections/Contact.jsx b/src/components/sections/Contact.jsx
index 59f77a1..969eea0 100644
--- a/src/components/sections/Contact.jsx
+++ b/src/components/sections/Contact.jsx
@@ -37,7 +37,7 @@ function Contact() {
                     <h2 className="text-3xl font-bold mb-8 bg-gradient-to-r from-blue-500 to-cyan-400 bg-clip-text text-transparent text-center">
                         Contact Me
                     </h2>
-                    <ul className="flex flex-row space-x-2 space-y-2 list-inside mx-5">
+                    <ul className="flex flex-col md:flex-row space-x-2 space-y-2 list-inside mx-5">
                         {contacts.map((contact, key) => (
                             <li key={key} className="text-3xl whitespace-nowrap text-blue-300 py-1 px-3 rounded-full hover:text-blue-500 transition"><a href={contact.link} target="_blank">{contact.icon} {contact.name}</a></li>
                         ))}