center buttons in div

package.json

@@ -29,9 +29,9 @@
     "@iconify-json/mdi": "^1.2.3",
     "@iconify-json/simple-icons": "^1.2.21",
     "@tailwindcss/typography": "^0.5.16",
-    "@types/node": "^22.10.9",
+    "@types/node": "^22.10.10",
     "prettier": "^3.4.2",
     "prettier-plugin-astro": "^0.14.1",
-    "prettier-plugin-tailwindcss": "^0.6.10"
+    "prettier-plugin-tailwindcss": "^0.6.11"
   }
 }

src/components/Work.astro

@@ -31,7 +31,9 @@ const work = await Promise.all(
           <entry.Content />
         </article>
         {entry.data.article ? (
-          <Button href={entry.data.article} link="View project" />
+          <div class="flex justify-center">
+            <Button href={entry.data.article} link="View project" />
+          </div>
         ) : null}
       </li>
     ))

src/pages/index.astro

@@ -42,7 +42,9 @@ const projects = allProjects
     </ol>
     {
       allProjects.length > HOME.HOMESETTINGS!.NUM_PROJECTS_ON_HOMEPAGE ? (
-        <Button href="/projects" link="View all" />
+        <div class="flex justify-center">
+          <Button href="/projects" link="View all" />
+        </div>
       ) : null
     }
   </section>
@@ -64,7 +66,9 @@ const projects = allProjects
     </ol>
     {
       allPosts.length > HOME.HOMESETTINGS!.NUM_POSTS_ON_HOMEPAGE ? (
-        <Button href="/posts" link="View all" />
+        <div class="flex justify-center">
+          <Button href="/posts" link="View all" />
+        </div>
       ) : null
     }
   </section>