From 936d5b605ddbde3078e4cfc50e155fefe32eeca2 Mon Sep 17 00:00:00 2001
From: Rahul Chaudhary <rahulchaudharyji2@gmail.com>
Date: Tue, 27 Jan 2026 14:28:24 +0530
Subject: [PATCH] Fix responsive layout for Columns component: prevent overflow
 on small screens

---
 src/components/Columns/index.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Columns/index.jsx b/src/components/Columns/index.jsx
index 172c5fe9b6..3970bb1d6e 100644
--- a/src/components/Columns/index.jsx
+++ b/src/components/Columns/index.jsx
@@ -6,5 +6,5 @@ export const Columns = (props) => (
 );
 
 export const Column = (props) => (
-  <div class={`mb-md mr-md flex-1 max-w-[100%] ${props.class || ''} ${props.fixed ? 'grow-0' : 'min-w-[400px]'}`}>{props.children}</div>
+  <div class={`mb-md mr-md flex-1 max-w-[100%] ${props.class || ''} ${props.fixed ? 'grow-0' : 'w-full md:min-w-[400px]'}`}>{props.children}</div>
 );