feat: integrate Tailwind CSS v4 and ensure responsive layout across all desktop and mobile viewports

Author: networkandcode

astro.config.mjs

@@ -1,11 +1,14 @@
-// @ts-check
 import { defineConfig } from 'astro/config';
 import mdx from '@astrojs/mdx';
+import tailwindcss from '@tailwindcss/vite';
 import { syncGoogleDocCv } from './src/lib/syncCv.ts';
 import { syncDevToPosts } from './src/lib/syncDevTo.ts';
 
 // https://astro.build/config
 export default defineConfig({
   site: 'https://networkandcode.github.io',
   integrations: [mdx(), syncGoogleDocCv(), syncDevToPosts()],
+  vite: {
+    plugins: [tailwindcss()]
+  }
 });