fix responsive design

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

components/content/CustomTag.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="flex w-full justify-center text-xs md:text-base">
-    <div class="text-black content-center flex gap-7">
+    <div class="md:flex text-black content-center gap-7">
       <div class="flex items-center">
         <LogoDate />
         <slot name="date"></slot>
       </div>
-      <div class="flex items-center gap-2 flex-wrap punder">
+      <div class="flex items-center gap-2 flex-wrap underline">
         <LogoTag />
         <slot name="tag1"></slot>
         <slot name="tag2"></slot>
@@ -17,9 +17,3 @@
     </div>
   </div>
 </template>
-
-<style scoped>
-.punder {
-  text-decoration-line: underline;
-}
-</style>

content/blogs/1. hello-world.md

@@ -22,6 +22,12 @@ Javascript
 #tag2
 Typescipt
 
+#tag3
+Typescipt
+
+#tag4
+Typescipt
+
 Node
 ::