From c1cf07597b33152f3d1091136c0cef7b436eb484 Mon Sep 17 00:00:00 2001
From: amphineko <sukareki@gmail.com>
Date: Mon, 8 Apr 2019 20:12:51 +0900
Subject: [PATCH] refine intro size

---
 src/assets/stylesheets/intro.scss | 8 ++++----
 src/index.html                    | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/assets/stylesheets/intro.scss b/src/assets/stylesheets/intro.scss
index b2fe92a..9d7a66f 100644
--- a/src/assets/stylesheets/intro.scss
+++ b/src/assets/stylesheets/intro.scss
@@ -1,10 +1,9 @@
-.intro .block {
-    display: flex;
+.intro {
+    margin: 1em 0;
 }
 
 .intro .block .split {
-    align-self: center;
-    padding: 1em;
+    padding: 0 1em;
 }
 
 .intro p {
@@ -13,6 +12,7 @@
     font-size: 1.2em;
     font-weight: 300;
     line-height: 1.75em;
+    margin: 1em 0;
     overflow: auto;
     padding: 0.5em 0.5em;
 }
diff --git a/src/index.html b/src/index.html
index db2dde9..2d74d90 100644
--- a/src/index.html
+++ b/src/index.html
@@ -82,7 +82,7 @@
 
         <div class="section intro">
             <div class="block grid-container grid-parent">
-                <div class="split grid-50">
+                <div class="split grid-50 mobile-grid-100">
                     <p>
                         <del>Cursed</del> Network Engineering student.<br />
                         Has few experience in full-stack development.<br />
@@ -91,7 +91,7 @@
                     </p>
                 </div>
 
-                <div class="split small-labels grid-50">
+                <div class="split small-labels grid-50 mobile-grid-100">
                     <a alt="social network" class="label alt" href="https://github.com/amphineko">
                         <i class="fab fa-github"></i>
                         <span class="title">GitHub</span>
@@ -112,7 +112,7 @@
             </div>
 
             <div class="block grid-container grid-parent">
-                <div class="split grid-50">
+                <div class="split grid-50 mobile-grid-100">
                     <p>
                         Music game is LIFE!<br />
                         Love FPS and simulation games.<br />
@@ -120,7 +120,7 @@
                     </p>
                 </div>
 
-                <div class="split small-labels grid-50">
+                <div class="split small-labels grid-50 mobile-grid-100">
                     <div alt="arcade" class="group alt">
                         <div class="label">
                             <i class="fas fa-compact-disc"></i>