From a5d75fbee7a22bfcf30658a3c5701cda413b9536 Mon Sep 17 00:00:00 2001
From: Mark <mark@acorn-media.co.uk>
Date: Thu, 2 Oct 2025 12:56:29 +0100
Subject: [PATCH] refactor: Update layout of review section for improved
 responsiveness and alignment

---
 about.php | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/about.php b/about.php
index 80d50aa..e1eba17 100644
--- a/about.php
+++ b/about.php
@@ -63,20 +63,22 @@ include_once $URlcorrection . "includes/nav.php";
 	</div>
 </section>
 
-<div class="row justify-content-center mb-4">
-	<div class="col-6 col-md-4 mb-3">
-		<a href="https://www.mybuilder.com/profile/warmseal-roofing" target="_blank" rel="noopener">
-			<img src="<?= $URlcorrection ?>images/mybuilder-logo.png" alt="MyBuilder Warmseal Roofing Reviews" class="img-fluid" style="max-height:60px;">
-			<div class="small mt-2">Read our reviews on MyBuilder</div>
-		</a>
-	</div>
-	<div class="col-6 col-md-4 mb-3">
-		<img src="<?= $URlcorrection ?>images/insured.jpg" alt="Fully Insured Roofer" class="img-fluid" style="max-height:60px;">
-		<div class="small mt-2">Fully Insured</div>
-	</div>
-	<div class="col-6 col-md-4 mb-3">
-		<img src="<?= $URlcorrection ?>images/workmanship.png" alt="Workmanship Guarantee" class="img-fluid" style="max-height:60px;">
-		<div class="small mt-2">Workmanship Guarantee</div>
+<div class="row justify-content-center mb-4" style="gap: 0;">
+	<div class="col-12 d-flex flex-wrap justify-content-center align-items-center">
+		<div class="p-3 text-center" style="min-width:180px;">
+			<a href="https://www.mybuilder.com/profile/warmseal-roofing" target="_blank" rel="noopener">
+				<img src="<?= $URlcorrection ?>images/mybuilder-logo.png" alt="MyBuilder Warmseal Roofing Reviews" class="img-fluid mb-2" style="max-height:60px;">
+				<div class="small mt-2">Read our reviews on MyBuilder</div>
+			</a>
+		</div>
+		<div class="p-3 text-center" style="min-width:180px;">
+			<img src="<?= $URlcorrection ?>images/insured.jpg" alt="Fully Insured Roofer" class="img-fluid mb-2" style="max-height:60px;">
+			<div class="small mt-2">Fully Insured</div>
+		</div>
+		<div class="p-3 text-center" style="min-width:180px;">
+			<img src="<?= $URlcorrection ?>images/workmanship.png" alt="Workmanship Guarantee" class="img-fluid mb-2" style="max-height:60px;">
+			<div class="small mt-2">Workmanship Guarantee</div>
+		</div>
 	</div>
 </div>
 <p class="text-center mt-4">See what our customers say about us on <a href="https://www.mybuilder.com/profile/warmseal-roofing" target="_blank" rel="noopener">MyBuilder</a> and <a href="https://www.checkatrade.com/" target="_blank" rel="noopener">Checkatrade</a>.</p>