move avatar to middle

This commit is contained in:
ntr 2019-11-24 19:14:09 +11:00
parent 2b1843ddb7
commit c03a687bba

View File

@ -123,7 +123,6 @@
grid-template-columns: 1fr; grid-template-columns: 1fr;
grid-template-rows: min-content 1fr; grid-template-rows: min-content 1fr;
.avatar { .avatar {
grid-area: initial; grid-area: initial;
position: absolute; position: absolute;
@ -200,11 +199,11 @@
position: relative; position: relative;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr min-content min-content min-content; grid-template-rows: min-content min-content 1fr min-content;
grid-template-areas: grid-template-areas:
"avatar name"
"skills skills" "skills skills"
"specs specs" "specs specs"
"avatar name"
"stats stats "; "stats stats ";
.skills, .specs { .skills, .specs {
@ -216,6 +215,10 @@
height: 1em; height: 1em;
} }
} }
.name {
align-self: center;
}
} }
aside { aside {