From a78bc67ed32c71d8e4d9be136f71755f93e865ff Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Fri, 19 Sep 2025 00:30:38 +0200
Subject: [PATCH] style: add responsive padding to BentoReviews component for
 mobile devices

---
 src/components/BentoReviews.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/BentoReviews.tsx b/src/components/BentoReviews.tsx
index 19e323f..6f6909a 100644
--- a/src/components/BentoReviews.tsx
+++ b/src/components/BentoReviews.tsx
@@ -55,9 +55,9 @@ const items = [
 export function BentoReviews() {
   return (
     <div>
-      <div className="relative isolate pt-24 pb-12 bg-black text-center w-full">
+      <div className="relative isolate pt-24 pb-12 bg-black text-center w-full lg:px-0 px-4">
         <FadeIn transition={{ duration: 0.8, delay: 0.1 }}>
-          <div className="mx-auto max-w-5xl">
+          <div className="mx-auto max-w-5xl ">
             <H2 className="text-center">Mycelium Technologies</H2>
           </div>
         </FadeIn>
@@ -70,7 +70,7 @@ export function BentoReviews() {
           </div>
         </FadeIn>
       </div>
-      <BentoGrid className="max-w-8xl px-12 pb-12 lg:grid-cols-3">
+      <BentoGrid className="max-w-8xl lg:px-12 px-4pb-12 lg:grid-cols-3">
         {items.map((item, i) => (
           <MotionBentoGridItem
             key={i}