Add fix for about page

luckydiamond/src/pages/AboutPage.vue

@@ -1,13 +1,15 @@
 <template>
-    <div class="content__grid-profile" >
-        <aside-bar-component></aside-bar-component>
-    
-        
-    
-        <header-component></header-component>
+  <div class="content-grid--about">
+    <aside-bar-component></aside-bar-component>
 
-        <develop-component></develop-component>
-      </div>
+    <section class="about">
+
+    <develop-component></develop-component>
+
+    </section>
+    <header-component></header-component>
+
+  </div>
 </template>
 <script>
 import DevelopComponent from "@/components/DevelopComponent.vue";
@@ -15,21 +17,20 @@ import AsideBarComponent from "@/components/AsidebarComponent.vue";
 import HeaderComponent from "@/components/HeaderComponent.vue";
 
 export default {
-    data () {
-        return {
-           Object: {
-            bg:'value',
-            nickname: 'value',
-            icons: {},
-            textTacholgy: {'text1': 'text2'}
-           }
-        }
-    }, 
-    components: {
+  data() {
+    return {
+      Object: {
+        bg: "value",
+        nickname: "value",
+        icons: {},
+        textTacholgy: { text1: "text2" },
+      },
+    };
+  },
+  components: {
     HeaderComponent,
     AsideBarComponent,
-    DevelopComponent    
-    }
-}
-
+    DevelopComponent,
+  },
+};
 </script>