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>
|
</div>
|
||||||
|
|
||||||
{/* 4-column grid */}
|
{/* 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) => {
|
{podCards.map((card) => {
|
||||||
const Icon = card.icon;
|
const Icon = card.icon;
|
||||||
|
|
||||||
@@ -64,7 +64,7 @@ export function PodsWhat() {
|
|||||||
>
|
>
|
||||||
{/* TITLE WITH ICON */}
|
{/* TITLE WITH ICON */}
|
||||||
<dt className="flex items-center gap-x-3 text-base font-semibold text-white">
|
<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}
|
{card.title}
|
||||||
</dt>
|
</dt>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user