From 95aa23056bbb662615e3f065114dca389e4a9080 Mon Sep 17 00:00:00 2001
From: Henry <henry_ball@hotmail.co.uk>
Date: Wed, 19 Feb 2025 21:26:46 +0000
Subject: [PATCH] feat: responsive hero image

---
 apps/web/src/views/home/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/views/home/index.tsx b/apps/web/src/views/home/index.tsx
index e439ab1c..86995ebf 100644
--- a/apps/web/src/views/home/index.tsx
+++ b/apps/web/src/views/home/index.tsx
@@ -87,8 +87,8 @@ export default function HomeView() {
               </div>
             </div>
             <div className="px-4">
-              <div className="mb-24 rounded-[24px] border border-light-300 bg-light-50 p-2 shadow-md dark:border-dark-300 dark:bg-dark-100">
-                <div className="overflow-hidden rounded-[16px] border border-light-300 shadow-sm dark:border-dark-300">
+              <div className="mb-24 rounded-[16px] border border-light-300 bg-light-50 p-1 shadow-md dark:border-dark-300 dark:bg-dark-100 lg:rounded-[24px] lg:p-2">
+                <div className="overflow-hidden rounded-[12px] border border-light-300 shadow-sm dark:border-dark-300 lg:rounded-[16px]">
                   <Image
                     src={`/hero-${isDarkMode ? "dark" : "light"}.png`}
                     alt="kanban"