Skip to content

Commit 96b0e5e

Browse files
fix: Fixed background image not covering whole width on Contact page. Background image of Meet our prodigies not aligned to left. (#15)
1 parent f30057a commit 96b0e5e

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

src/app/contact/page.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,7 @@ const Contact = () => {
115115
</div>
116116
</section>
117117
<section className="mb-28 relative">
118-
<div className="pl-[7vw]">
118+
<div className="ml-auto w-fit">
119119
<Image
120120
className="hidden rounded-r-full -scale-x-100 lg:block"
121121
height={579}
@@ -130,7 +130,7 @@ const Contact = () => {
130130
src="/assets/mob-contact-v3.jpg"
131131
alt=""
132132
/>
133-
<div className="">
133+
<div>
134134
<div className="absolute w-3/5 sm:w-full max-w-md top-1/2 right-[7vw] -translate-y-1/2">
135135
<h4 className="text-white font-normal text-lg ml-5 lg:ml-0 sm:text-2xl mb-7 max-w-sm">
136136
Meet our prodigies & get an

src/components/PageBackgroundImage.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ const PageBackgroundImage = ({
1818
<Image
1919
width={1920}
2020
height={1476}
21-
className="max-w-full align-middle overflow-clip"
21+
className="w-full align-middle overflow-clip"
2222
src={desktopImage}
2323
alt={alt}
2424
/>

0 commit comments

Comments
 (0)