Fix linkedin link for mobile

Author: qiangli

src/app/styles/contact-card.module.css

@@ -25,3 +25,9 @@
   text-decoration: underline;
   color: red;
 }
+
+@media (max-width: 500px) {
+  .linkHead {
+    display: none;
+  }
+}

src/components/articles/contact-card.tsx

@@ -37,7 +37,8 @@ export default function ContactCard(): ReactNode {
             href="https://www.linkedin.com/in/liqiangsprofile/"
             rel="noreferrer"
           >
-            <span>https://www.linkedin.com/in/liqiangsprofile/</span>
+            <span className={styles.linkHead}>https://www.linkedin.com/in/</span>
+            <span>liqiangsprofile</span>
             <i
               className="fas fa-external-link-alt"
               style={{ fontSize: '0.8em' }}