forked from emre/www_projectmycelium_com
refactor: adjust PodsWhat grid gap and icon size for better visual balance
- Reduced grid gap from gap-12 to gap-8 for tighter spacing between pod cards - Increased icon dimensions from h-6 w-6 to h-10 w-10 for improved visual prominence
This commit is contained in:
@@ -53,7 +53,7 @@ export function PodsWhat() {
|
||||
</div>
|
||||
|
||||
{/* 4-column grid */}
|
||||
<div className="grid grid-cols-1 gap-12 lg:grid-cols-4 pb-20">
|
||||
<div className="grid grid-cols-1 gap-8 lg:grid-cols-4 pb-20">
|
||||
{podCards.map((card) => {
|
||||
const Icon = card.icon;
|
||||
|
||||
@@ -64,7 +64,7 @@ export function PodsWhat() {
|
||||
>
|
||||
{/* TITLE WITH ICON */}
|
||||
<dt className="flex items-center gap-x-3 text-base font-semibold text-white">
|
||||
{Icon && <Icon className="h-6 w-6 text-cyan-500" aria-hidden="true" />}
|
||||
{Icon && <Icon className="h-10 w-10 text-cyan-500" aria-hidden="true" />}
|
||||
{card.title}
|
||||
</dt>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user