fix: display each footer property on separate line in mobile

PROBLEM:
- Email and phone were appearing on the same line in mobile footer
- User wants each property (linkedin, github, domestika, email, phone) on its own line

SOLUTION:
- Added `.footer-content li { display: block !important; }` for mobile @ 900px
- Added `margin-bottom: 1.5rem` for spacing between footer items
- Overrides desktop `display: inline-block` behavior

RESULT:
- Each footer property now displays on a separate line in mobile view
- Better vertical spacing and readability
- Cleaner mobile footer layout

static/css/main.css

@@ -2037,6 +2037,11 @@ a:focus {
         padding: 1.5rem 1rem;
     }
 
+    .footer-content li {
+        display: block !important;
+        margin-bottom: 1.5rem;
+    }
+
     .footer-content li > div {
         display: block;
         margin: 0;