joshuafhiggins/realm-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update feature component layout and styles

Browse Source
This commit is contained in:
Mauro Balades
2024-07-25 11:17:50 +02:00
parent daf0bbb1c0
commit e79127610f
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/feature.tsx
View File

@@ -12,14 +12,14 @@ export default function Feature({
color: string; color: string;
}) { }) {
return ( 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 <div
className={"flex flex-col justify-center max-w-96"} className={"flex flex-col justify-center max-w-96"}
> >
<h1 className="text-6xl font-bold">{title}</h1> <h1 className="text-6xl font-bold">{title}</h1>
<p className="text-muted-foreground mt-3">{description}</p> <p className="text-muted-foreground mt-3">{description}</p>
</div> </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} {children}
</div> </div>
</div> </div>