From 9b71eaccedd7cf3bf30e7620e6091d76e68b4162 Mon Sep 17 00:00:00 2001
From: juanatsap <juanatsap@gmail.com>
Date: Mon, 10 Nov 2025 18:20:13 +0000
Subject: [PATCH] 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 | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/static/css/main.css b/static/css/main.css
index 4e62179..80120f4 100644
--- a/static/css/main.css
+++ b/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;