resign card component

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

pages/index.vue

@@ -14,7 +14,7 @@ const { data } = await useAsyncData('home', () => queryContent('/blogs').find())
 <template>
   <main class="container max-w-5xl mx-auto text-zinc-600">
     <MainHero />
-    <div class="flex m-5 p-3 flex-wrap">
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
       <template v-for="n in data" :key="n">
         <BlogCard :title="n.title || ''" :excerpt="n.description" image="sdlfkj" :slug="n._path" />
       </template>