ploc/portfolio_v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Contanct not responsive on small screen

Browse Source
This commit is contained in:
Ploc300
2025-02-18 14:38:58 +01:00
parent 48a4122eb2
commit c192a6c12f
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/sections/Contact.jsx
+1 -1
View File
@@ -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"> <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 Contact Me
</h2> </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) => ( {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> <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>
))} ))}