From d89c83256560b0909942ee2022ac1a9cee478c87 Mon Sep 17 00:00:00 2001
From: itsfinniii <102350242+itsfinniii@users.noreply.github.com>
Date: Wed, 25 Mar 2026 22:24:43 +0100
Subject: [PATCH] Make reviews component responsive for mobile

---
 astro/src/components/web/Reviews.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/astro/src/components/web/Reviews.astro b/astro/src/components/web/Reviews.astro
index 8a722b8..354aa51 100644
--- a/astro/src/components/web/Reviews.astro
+++ b/astro/src/components/web/Reviews.astro
@@ -19,8 +19,8 @@ const averageStars = Math.round((totalStars / totalReviews) * 10) / 10;
 const reviewsToShow = reviews.reviews.slice(0, 5);
 ---
 
-<div class="flex flex-row py-12 px-12 lg:container mx-auto gap-y-8 gap-x-18 w-full">
-    <div class="flex flex-col gap-5 min-w-[32.5%]">
+<div class="flex lg:flex-row flex-col py-12 px-12 lg:container mx-auto gap-y-8 gap-x-18 w-full">
+    <div class="flex flex-col lg:gap-5 gap-2.25 lg:min-w-[32.5%]">
         <div class="flex flex-col">
             <h2 class="text-3xl font-bold">{reviews.title}</h2>
             <div>{reviews.text}</div>