xtaodada/Homepage
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

refine intro size

Browse Source
This commit is contained in:
amphineko 2019-04-08 20:12:51 +09:00
parent d157cdb359
commit c1cf07597b
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/stylesheets/intro.scss
View File

@ -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;
}

8
src/index.html
View File

@ -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>