Skip to content

Commit

Permalink
Merge pull request #33 from chingu-x/fix/banner-image-fix
Browse files Browse the repository at this point in the history
fix: banner image fix
  • Loading branch information
Dan-Y-Ko authored Sep 27, 2023
2 parents 67b6589 + 57ce2e9 commit 7230214
Showing 1 changed file with 11 additions and 3 deletions.
14 changes: 11 additions & 3 deletions src/components/Banner.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,17 @@ interface BannerProps {

function Banner({ image, alt, title, description }: BannerProps) {
return (
<div className="card w-full max-h-[320px] bg-primary-content flex flex-row px-20 py-10 box-border">
<Image src={image} alt={alt} width={454} height={200} priority={false} />
<div className="flex flex-col justify-center pl-24 gap-y-3.5">
<div className="card w-full max-h-[320px] bg-primary-content flex flex-row justify-between px-20 py-10 box-border gap-x-10 lg:gap-x-20">
<div className="h-[200px] w-[276px] relative shrink-0">
<Image
src={image}
alt={alt}
fill={true}
objectFit="contain"
priority={false}
/>
</div>
<div className="flex flex-col max-w-[700px] 2xl:max-w-none justify-center gap-y-3.5">
<h3 className="text-3xl font-bold text-base-300">{title}</h3>
<p className="text-lg font-medium text-base-300">{description}</p>
</div>
Expand Down

0 comments on commit 7230214

Please sign in to comment.