Fix layout for mobile

public/css/style.css

@@ -1,28 +1,41 @@
+
 body {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 100vh;
+    min-height: 100vh;
     margin: 0;
     background-color: #f4f4f9;
     color: #333;
+    box-sizing: border-box;
 }
 
 .main-container {
     text-align: center;
-    padding: 2rem;
+    padding: 2rem 3rem;
     background-color: white;
     border-radius: 8px;
     box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+    width: 100%;
+    max-width: 600px;
+    margin: 2rem 1rem;
 }
 
-.social-links a {
+@media (max-width: 600px) {
-    color: #007bff;
+    body {
-    text-decoration: none;
+        align-items: flex-start;
-    margin: 0 0.5rem;
+    }
-}
 
-.social-links a:hover {
+    .main-container {
-    text-decoration: underline;
+        padding: 1.5rem 1rem;
+        margin: 0;
+        box-shadow: none;
+        border-radius: 0;
+        min-height: 100vh;
+    }
+
+    h1 {
+        font-size: 1.8rem;
+    }
 }

src/main/frontend/landing.cljs

@@ -17,9 +17,9 @@
     "Actively a contributor to "
     [:a {:href "https://guix.gnu.org"} "Guix"]
     " -as a package maintainer- and "
-    [:a {:href "https://gthub.com/GigiaJ/cinny"} "Cinny (Matrix client)"]
+    [:a {:href "https://github.com/GigiaJ/cinny"} "Cinny (Matrix client)"]
     "."] 
-   [:p "Software engineer (and more) at Ocean Spray Cranberries. I adore farmer-owned coops. Companies shouldn't be driven to improve stock prices."]
+   [:p "Software engineer (and more) at Ocean Spray Cranberries. I adore farmer-owned co-ops. Companies shouldn't be driven to improve stock prices."]
    [:p "Large proponent for free open source software, but I also think that users should not be directly bridled from choices that are unequivocally pro-sumer."] 
    [:br]
    [:br]