19 lines
729 B
TypeScript
19 lines
729 B
TypeScript
export default function Page() {
|
|
return (
|
|
<div className="max-w-7xl grid grid-cols-4 gap-4 max-lg:grid-cols-3 max-sm:grid-cols-2 max-[25rem]:grid-cols-1">
|
|
{/* testing purposes only */}
|
|
{[...Array(12)].map((_, index) => (
|
|
<div key={index} className="bg-zinc-50 rounded-3xl border-2 border-zinc-300 shadow-lg p-3 transition hover:scale-105">
|
|
<img src="https://placehold.co/600x400" alt="mii" className="rounded-xl" />
|
|
<div className="p-4">
|
|
<h3 className="font-bold text-2xl">Frieren</h3>
|
|
<div id="tags" className="flex gap-1 mt-1 *:px-2 *:py-1 *:bg-orange-300 *:rounded-full *:text-xs">
|
|
<span>Anime</span>
|
|
<span>Test</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|