Improve home page layout on narrow screens (#52)

andreubotella · Nov 23, 2023 · 4dc720e · 4dc720e
1 parent ebeee29
commit 4dc720e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/index.md b/index.md
@@ -2,7 +2,7 @@
 layout: home-layout.njk
 ---
 
-# AndreuBotella.com
+# Andreu<wbr>Botella<wbr>.com
 
 Hi. I'm Andreu Botella (pronouns they/them), a web browser and standards
 engineer working at [Igalia](https://igalia.com). I'm currently working on

diff --git a/static/styles/home-page.css b/static/styles/home-page.css
@@ -150,3 +150,11 @@ body {
     padding: 0 30px;
   }
 }
+
+@media (width <= 380px) {
+  #socials > dl {
+    margin-left: auto;
+    margin-right: auto;
+    width: min-content;
+  }
+}