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 { .intro {
display: flex; margin: 1em 0;
} }
.intro .block .split { .intro .block .split {
align-self: center; padding: 0 1em;
padding: 1em;
} }
.intro p { .intro p {
@ -13,6 +12,7 @@
font-size: 1.2em; font-size: 1.2em;
font-weight: 300; font-weight: 300;
line-height: 1.75em; line-height: 1.75em;
margin: 1em 0;
overflow: auto; overflow: auto;
padding: 0.5em 0.5em; padding: 0.5em 0.5em;
} }

8
src/index.html
View File

@ -82,7 +82,7 @@
<div class="section intro"> <div class="section intro">
<div class="block grid-container grid-parent"> <div class="block grid-container grid-parent">
<div class="split grid-50"> <div class="split grid-50 mobile-grid-100">
<p> <p>
<del>Cursed</del> Network Engineering student.<br /> <del>Cursed</del> Network Engineering student.<br />
Has few experience in full-stack development.<br /> Has few experience in full-stack development.<br />
@ -91,7 +91,7 @@
</p> </p>
</div> </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"> <a alt="social network" class="label alt" href="https://github.com/amphineko">
<i class="fab fa-github"></i> <i class="fab fa-github"></i>
<span class="title">GitHub</span> <span class="title">GitHub</span>
@ -112,7 +112,7 @@
</div> </div>
<div class="block grid-container grid-parent"> <div class="block grid-container grid-parent">
<div class="split grid-50"> <div class="split grid-50 mobile-grid-100">
<p> <p>
Music game is LIFE!<br /> Music game is LIFE!<br />
Love FPS and simulation games.<br /> Love FPS and simulation games.<br />
@ -120,7 +120,7 @@
</p> </p>
</div> </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 alt="arcade" class="group alt">
<div class="label"> <div class="label">
<i class="fas fa-compact-disc"></i> <i class="fas fa-compact-disc"></i>