Update features

src/page/about/about.html.ts

@@ -1,12 +1,11 @@
-import { Header } from '../../types/portfolio';
-
 import './about.scss';
+import { Header } from '../../types/portfolio';
 import { html } from '../../types/html';
 
 export const generate = ({ name }: Header): html => `
-    <section id="about">
-        <div class="picture"></div>
-        <div class="placeholder"></div>
-        <h1>${name}</h1>
-    </section>
+  <section id="about">
+    <div class="picture"></div>
+    <div class="placeholder"></div>
+    <h1>${name}</h1>
+  </section>
 `;

src/page/about/about.scss

@@ -2,6 +2,7 @@
 
 section#about {
   @include card-base();
+  padding: var(--normal-margin);
   background-color: var(--accent-color);
   font-size: 0;
 
@@ -31,7 +32,7 @@ section#about {
   p,
   h1 {
     color: var(--very-light-text-color);
-    margin-top: var(--small-margin);
+    margin-top: var(--line-height);
   }
 
   @include on-large-screen {

src/page/about/about.ts

@@ -1,6 +1,5 @@
 import { PageContent } from '../content/content';
 import { Header } from '../../types/portfolio';
-
 import { generate } from './about.html';
 import { createElement } from '../../helper/create-element';
 import { PageThemeSwitcher } from '../theme-switcher/theme-switcher';