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:
2025-11-19 17:31:52 +01:00
parent 96c445aa41
commit a0beec808e

View File

@@ -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>