card component reorder : astro > vue

Author: msisaif

src/pages/index.astro

@@ -17,16 +17,16 @@ import VueCard from '../components/VueCard.vue';
 			</div>
 		</h1>
 		<div class="grid sm:grid-cols-2 max-w-2xl w-full mx-auto gap-4 sm:gap-8">
-			<VueCard 
-				href="https://vuejs.org/"
-				title="Vue.js  Documentation"
-				body="This card component by 'Vue JS'"
-			/>
 			<AstroCard
 				href="https://docs.astro.build/"
 				title="Astro Documentation"
 				body="This card component by 'astro'"
 			/>
+   <VueCard 
+				href="https://vuejs.org/"
+				title="Vue.js  Documentation"
+				body="This card component by 'Vue JS'"
+			/>
 		</div>
 	</main>
 </Layout>