Fix mobile responsive design issue

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
2023-08-05 13:40:31 +06:00
parent f6964bc89d
commit 3852bcc76c
2 changed files with 2 additions and 2 deletions
--- a/pages/blogs/[blog].vue
+++ b/pages/blogs/[blog].vue
@@ -74,7 +74,7 @@ useHead({
 </script>

 <template>
-  <div class="px-6 container max-w-5xl mx-auto grid grid-cols-12 gap-x-12 ">
+  <div class="px-6 container max-w-5xl mx-auto sm:grid grid-cols-12 gap-x-12 ">
    <div class="col-span-12 lg:col-span-9">
      <BlogHeader
        :title="data.title"