Merge pull request #117 from w3bdesign/development

w3bdesign · web-flow · commit 86cae70f9297 · 2024-06-27T03:37:40.000+02:00
Fix width hero image
diff --git a/src/components/Index/Hero.component.tsx b/src/components/Index/Hero.component.tsx
@@ -34,7 +34,7 @@ const Hero = ({ content }: IContent) => (
     className="relative flex flex-col justify-center text-lg h-[26rem] md:h-[28.125rem] overflow-hidden"
   >
     <div
-      className="absolute inset-0 w-64 h-full md:hidden bg-cover bg-center bg-no-repeat -mt-2 mb-10"
+      className="absolute inset-0 w-screen h-full md:hidden bg-cover bg-center bg-no-repeat -mt-2 mb-10 p-2"
       style={{ backgroundImage: "url('/images/mobilbg.jpg')" }}
     ></div>
     <div className="hidden md:block absolute inset-0 w-full h-full">

Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@ const Hero = ({ content }: IContent) => (`
`34`	`34`	`className="relative flex flex-col justify-center text-lg h-[26rem] md:h-[28.125rem] overflow-hidden"`
`35`	`35`	`>`
`36`	`36`	`<div`
`37`		`- className="absolute inset-0 w-64 h-full md:hidden bg-cover bg-center bg-no-repeat -mt-2 mb-10"`
	`37`	`+ className="absolute inset-0 w-screen h-full md:hidden bg-cover bg-center bg-no-repeat -mt-2 mb-10 p-2"`
`38`	`38`	`style={{ backgroundImage: "url('/images/mobilbg.jpg')" }}`
`39`	`39`	`></div>`
`40`	`40`	`<div className="hidden md:block absolute inset-0 w-full h-full">`