From ac8ab4c811c5459d8368b3b44de3c760595fff7f Mon Sep 17 00:00:00 2001
From: Mat Johnson <demotive@gmail.com>
Date: Fri, 30 May 2025 16:37:11 +0100
Subject: [PATCH] Add a full width utility class

---
 app/styles/application.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/app/styles/application.scss b/app/styles/application.scss
index 47a850d1d..4e164fd2e 100644
--- a/app/styles/application.scss
+++ b/app/styles/application.scss
@@ -13,4 +13,15 @@
   .nhsuk-image__img {
     padding: nhsuk-spacing(2);
   }
+
+  // Class to allow full-width, breaking out of the grid
+  // add to a lone element (ie img) or a container (ie figure)
+  .app-media--full-width {
+    width: 92vw;
+    max-width: 960px;
+
+    figcaption {
+      max-width: 44em;
+    }
+  }
 }