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>
                         ))}