From fd8d2641b92f3f51d9b1e0c4d5603696ecd8ad94 Mon Sep 17 00:00:00 2001
From: irl <iain@learmonth.me>
Date: Sun, 8 Feb 2026 13:41:56 +0000
Subject: [PATCH] fix: responsive fixes

---
 assets/css/contact.scss      | 4 ++++
 assets/css/flex-section.scss | 5 +++++
 assets/css/full-section.scss | 4 ++++
 assets/css/half-section.scss | 9 +++++++--
 assets/css/team.scss         | 4 ++++
 5 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/assets/css/contact.scss b/assets/css/contact.scss
index 7e1e631..b192cdb 100644
--- a/assets/css/contact.scss
+++ b/assets/css/contact.scss
@@ -51,6 +51,10 @@
   align-items: center;
   flex-direction: column;
   padding: 0 20px;
+
+  @media (max-width: v.$bp_mobile) {
+    padding: 0;
+  }
 }
 
 .contact-method__name {
diff --git a/assets/css/flex-section.scss b/assets/css/flex-section.scss
index 7ab60c4..906da23 100644
--- a/assets/css/flex-section.scss
+++ b/assets/css/flex-section.scss
@@ -2,6 +2,11 @@
 
 .flex-section {
   margin: 48px 95px;
+
+  @media (max-width: v.$bp_mobile) {
+    margin-left: 0;
+    margin-right: 0;
+  }
 }
 
 .flex-section__title {
diff --git a/assets/css/full-section.scss b/assets/css/full-section.scss
index 7e248c2..168d0ba 100644
--- a/assets/css/full-section.scss
+++ b/assets/css/full-section.scss
@@ -10,6 +10,10 @@
     box-sizing: border-box;
     max-width: v.$max_content_width;
   }
+
+  @media (max-width: v.$bp_mobile) {
+    padding: 10px 20px;
+  }
 }
 
 .full-section__content {
diff --git a/assets/css/half-section.scss b/assets/css/half-section.scss
index b8db7e3..79ce08b 100644
--- a/assets/css/half-section.scss
+++ b/assets/css/half-section.scss
@@ -5,11 +5,16 @@
   display: flex;
   justify-content: center;
 
-  &>div {
-    flex: 0 0 50%;
+  & > div {
     box-sizing: border-box;
     max-width: calc(v.$max_content_width / 2);
   }
+
+  @media (min-width: v.$bp_mobile) {
+    & > div {
+      flex: 0 0 50%;
+    }
+  }
 }
 
 .half-section__content {
diff --git a/assets/css/team.scss b/assets/css/team.scss
index 02c6565..ee5d4b9 100644
--- a/assets/css/team.scss
+++ b/assets/css/team.scss
@@ -9,6 +9,10 @@
   flex-direction: column;
   padding: 0 20px;
   margin-bottom: 2rem;
+
+  @media (max-width: v.$bp_mobile) {
+    padding: 0;
+  }
 }
 
 .team-member__photo {