r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2024-11-22 17:55:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added bio paragraph

Browse Source
This commit is contained in:
Ryan Freeman 2021-11-19 22:06:59 +00:00
parent 37eb72929f
commit b4652230b9
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
pages/index.js
View File

@ -24,6 +24,9 @@ export default function Home({projectData}) {
<h1 className={styles.title}> <h1 className={styles.title}>
Ryan Freeman{' '}<span>Full Stack Developer</span> Ryan Freeman{' '}<span>Full Stack Developer</span>
</h1> </h1>
<p className={styles.bio}>
I'm a computing graduate who builds cool things for the web.
</p>
<div className={styles.links}> <div className={styles.links}>
<a href="https://github.com/r-freeman"> <a href="https://github.com/r-freeman">
<GitHub/> <GitHub/>

14
styles/Home.module.scss
View File

@ -19,7 +19,6 @@
margin-top: 1rem; margin-top: 1rem;
} }
.title { .title {
margin: 0; margin: 0;
font-size: 2.5rem; font-size: 2.5rem;
@ -38,8 +37,13 @@
color: grey; color: grey;
} }
.title, .description { .bio {
text-align: center; font-size: 1rem;
line-height: 1.75;
max-width: 24rem;
@include lg {
max-width: 100%;
}
} }
.description { .description {
@ -49,6 +53,10 @@
line-height: 1.5; line-height: 1.5;
} }
.title, .description, .bio {
text-align: center;
}
.grid { .grid {
display: flex; display: flex;
align-items: center; align-items: center;