From d0fb47a3f205d3fc742df3d7598b355edbafe03b Mon Sep 17 00:00:00 2001
From: Chris Lowis <chris.lowis@gmail.com>
Date: Mon, 15 Dec 2025 16:32:10 +0000
Subject: [PATCH] Wrap buttons in a switcher layout

---
 assets/css/app.css | 6 ++++++
 index.html         | 7 +++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/assets/css/app.css b/assets/css/app.css
index 0649d9a..6175c9e 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -201,6 +201,12 @@ section, footer {
   margin-block-start: var(--space, 1.4rem);
 }
 
+.switcher {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-sm);
+}
+
 .btn {
   padding: var(--space-sm) var(--space-lg);
   background: var(--cotech-white);
diff --git a/index.html b/index.html
index 9a7ba09..cddea18 100644
--- a/index.html
+++ b/index.html
@@ -11,8 +11,11 @@ layout: default
 
   <img class="rounded" src="images/richard.jpg" alt="" />
 
-  <a class="btn" href="#">Hire our coops</a>
-  <a class="btn" href="#">Join the network</a>
+
+  <div class="switcher">
+    <a class="btn" href="#">Hire our coops</a>
+    <a class="btn" href="#">Join the network</a>
+  </div>
 </section>
 
 <section class="stack">