style: add responsive padding to BentoReviews component for mobile devices

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}