From 73b908b02d190cfc01ed0cb24a44999266cd1f1b Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Tue, 7 Oct 2025 16:27:05 +0800
Subject: [PATCH] Added width option

---
 src/components/Column/Column.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Column/Column.tsx b/src/components/Column/Column.tsx
index 7a33aa6..f733abd 100644
--- a/src/components/Column/Column.tsx
+++ b/src/components/Column/Column.tsx
@@ -6,12 +6,13 @@ interface Props {
   content?: 'top' | 'center' | 'bottom' | 'split' | 'spaced'
   gap?: number
   padding?: string
+  width?: string
 }
 
 export default (props: Props) => {
   return (
     <>
-      <section class={`column-${props.content || 'center'}`} style={`gap: ${props.gap}rem; padding: ${props.padding || 0}`}>
+      <section class={`column-${props.content || 'center'}`} style={`gap: ${props.gap}rem; padding: ${props.padding || 0}; width: ${props.width || 'auto'}`}>
         {props.children}
       </section>
     </>