diff --git a/pages/about.vue b/pages/about.vue
index 78a042a8..ffee6270 100644
--- a/pages/about.vue
+++ b/pages/about.vue
@@ -1,24 +1,39 @@
 <script lang="ts" setup>
-import FeedbackCards from '~/components/FeedbackCards.vue';
-import AboutMe from '~/components/AboutMe.vue';
-import SnakeGrid from '~/components/SnakeGrid.vue';
+import FeedbackCards from "~/components/FeedbackCards.vue";
+import AboutMe from "~/components/AboutMe.vue";
+import SnakeGrid from "~/components/SnakeGrid.vue";
 let cards = [
-  { id: 1, title: 'Card 1', text: 'First card', color: 'bg-base-100 text-primary-content' },
-  { id: 2, title: 'Card 2', text: 'Second card', color: 'bg-base-100 text-primary-content' },
-  { id: 3, title: 'Card 3', text: 'Third card',  color: 'bg-base-100 text-primary-content' },
-]
+  {
+    id: 1,
+    title: "Card 1",
+    text: "First card",
+    color: "bg-base-100 text-primary-content",
+  },
+  {
+    id: 2,
+    title: "Card 2",
+    text: "Second card",
+    color: "bg-base-100 text-primary-content",
+  },
+  {
+    id: 3,
+    title: "Card 3",
+    text: "Third card",
+    color: "bg-base-100 text-primary-content",
+  },
+];
 </script>
 
 <template>
-<div class="">
-  <div class="flex items-center justify-between">
-    <div>
-  <AboutMe />
+  <div class="">
+    <div class="flex items-center justify-between">
+      <div>
+        <AboutMe />
+      </div>
+      <FeedbackCards :cards="cards" />
+    </div>
+    <div>
+      <SnakeGrid />
     </div>
-    <FeedbackCards :cards="cards" />
   </div>
-<div>
-  <SnakeGrid />
-</div>
-</div>
 </template>