From 4a85d999ad720d4ec1363d13b14d8d81559ced8a Mon Sep 17 00:00:00 2001
From: Chris Lowis <chris.lowis@gofreerange.com>
Date: Fri, 13 Mar 2026 11:11:52 +0000
Subject: [PATCH] Group client name, coops and project name together

This leaves more space for the services on larger screens.
---
 work.html | 32 +++++++++++++++++---------------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/work.html b/work.html
index 0f0b704..e73d697 100644
--- a/work.html
+++ b/work.html
@@ -15,21 +15,23 @@ layout: default
         <img src="/assets/img/case_studies/{{ c.logo }}" />
       </div>
       <div class="grid">
-        <div>
-          <h4 class="work__title">Client name</h4>
-          <p>{{ c.client_name }}</p>
-        </div>
-        <div>
-          <h4 class="work__title">Coops involved</h4>
-          <ul class="services">
-            {% for coop in c.coops %}
-            <li>{{ coop }}</li>
-            {% endfor %}
-          </ul>
-        </div>
-        <div>
-          <h4 class="work__title">Project name</h4>
-          <p>{{ c.project_name }}</p>
+        <div class="stack" style="--space: var(--space-md)">
+          <div>
+            <h4 class="work__title">Client name</h4>
+            <p>{{ c.client_name }}</p>
+          </div>
+          <div>
+            <h4 class="work__title">Coops involved</h4>
+            <ul class="services">
+              {% for coop in c.coops %}
+              <li>{{ coop }}</li>
+              {% endfor %}
+            </ul>
+          </div>
+          <div>
+            <h4 class="work__title">Project name</h4>
+            <p>{{ c.project_name }}</p>
+          </div>
         </div>
         <div>
           <h4 class="work__title">Services offered</h4>