From e79127610f22a0e9a9919df5b8331052686a9dc0 Mon Sep 17 00:00:00 2001
From: Mauro Balades <mauro.balades@tutanota.com>
Date: Thu, 25 Jul 2024 11:17:50 +0200
Subject: [PATCH] Update feature component layout and styles

---
 src/components/feature.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/feature.tsx b/src/components/feature.tsx
index 5ef28be..cf44f92 100644
--- a/src/components/feature.tsx
+++ b/src/components/feature.tsx
@@ -12,14 +12,14 @@ export default function Feature({
   color: string;
 }) {
   return (
-    <div className="flex flex-col lg:flex-row items-center relative mx-auto mt-40 pb-40 border-b">
+    <div className="flex flex-col lg:flex-row lg:p-10 items-center relative mx-auto mt-40 pb-40 border-b">
       <div
         className={"flex flex-col justify-center max-w-96"}
       >
         <h1 className="text-6xl font-bold">{title}</h1>
         <p className="text-muted-foreground mt-3">{description}</p>
       </div>
-      <div className={ny(`mt-10 lg:ml-64 lg:mt-0 w-96 h-96 rounded-lg relative overflow-hidden transition-all duration-300`)} style={{ backgroundColor: color }}>
+      <div className={ny(`mt-10 lg:ml-auto lg:mt-0 w-96 h-96 rounded-lg relative overflow-hidden transition-all duration-300`)} style={{ backgroundColor: color }}>
         {children}
       </div>  
     </div>