add new blogs

pages/blog/[...slug].vue

@@ -4,7 +4,7 @@
 		<div class="pt-6 mb-4 !col-start-2 md:!col-start-3 lg:!col-start-4 lg:col-span-6 md:col-span-8 col-span-10">
 			<ContentDoc v-slot="{ doc }">
 				<img :src="doc.image.src"
-					class="mb-2" />
+					class="mb-2 rounded-md drop-shadow" />
 				<h1 class="text-3xl text-gray-100 md:text-4xl font-semibold mb-2">{{ doc.title }}</h1>
 				<p class="mb-1 text-zinc-400">
 					{{ doc.description }}
@@ -12,7 +12,7 @@
 				<p class="mb-2 text-zinc-500">
 					{{ new Date(doc.date).toDateString().split(' ').slice(1).join(' ') }}
 				</p>
-				<div class="flex flex-wrap w-full gap-2 justify-start mb-7">
+				<div class="flex flex-wrap w-full gap-2 justify-start mb-3">
 					<IconTag v-for="tag in doc.tags"
 						:name="tag"
 						:iconName='tag'
@@ -33,3 +33,10 @@
 			</div>
 		</footer>
 </template>
+
+<style>
+br {
+  @apply my-3;
+  display: block;
+}
+</style>