From 10d33c00352269eac65cca9f9199170c9349ef06 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carl-Gerhard=20Lindesva=CC=88rd?= <lindesvard@gmail.com>
Date: Tue, 6 Feb 2024 11:09:50 +0100
Subject: [PATCH] public responsive

---
 apps/public/src/app/section.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/public/src/app/section.tsx b/apps/public/src/app/section.tsx
index f02b25e2..7b443787 100644
--- a/apps/public/src/app/section.tsx
+++ b/apps/public/src/app/section.tsx
@@ -132,8 +132,13 @@ export function Section({
   return (
     <div key={title} className={'border-b border-border'}>
       <div className="w-full max-w-6xl mx-auto px-4">
-        <div className={cn('flex py-16', reverse && 'flex-row-reverse')}>
-          <div className="w-1/2 flex-shrink-0 justify-center items-center flex">
+        <div
+          className={cn(
+            'flex py-16 flex-col justify-center',
+            reverse ? 'md:flex-row' : 'md:flex-row-reverse'
+          )}
+        >
+          <div className="md:w-1/2 flex-shrink-0 justify-center items-center flex max-md:mb-8 overflow-hidden rounded-lg">
             <div className="bg-slate-50 rounded-3xl">
               <Blob
                 style={{ fill: color }}