src/components/blog/Grid.astro


1
2
3
4
5
6
7
8
9
10
11
12
13
14

---
import Item from '~/components/blog/GridItem.astro';
import type { Post } from '~/types';

export interface Props {
  posts: Array<Post>;
}

const { posts } = Astro.props;
---

<div class="grid gap-6 row-gap-5 md:grid-cols-2 lg:grid-cols-4 -mb-6">
  {posts.map((post) => <Item post={post} />)}
</div>