Fix Contanct not responsive on small screen

2025-02-18 14:38:58 +01:00
parent 48a4122eb2
commit c192a6c12f
1 changed files with 1 additions and 1 deletions
@@ -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>
                        ))}