chore: Update marketplace grid layout for larger screens

This commit is contained in:
Mauro Balades
2024-08-16 17:24:40 +02:00
parent fc0eb86b1f
commit 10a598290c

View File

@@ -18,7 +18,7 @@ export default function MarketplacePage() {
<h1 className="text-7xl font-bold">Themes Marketplace</h1> <h1 className="text-7xl font-bold">Themes Marketplace</h1>
<ThemesSearch input={searchInput} setInput={setSearchInput} /> <ThemesSearch input={searchInput} setInput={setSearchInput} />
</div> </div>
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 mt-10 w-full"> <div className="grid grid-cols-1 lg:grid-cols-3 gap-8 mt-10 w-full">
{getThemesFromSearch(themes, searchInput).map((theme) => ( {getThemesFromSearch(themes, searchInput).map((theme) => (
<ThemeCard key={theme.name} theme={theme} /> <ThemeCard key={theme.name} theme={theme} />
))} ))}