diff --git a/src/components/Timeline.vue b/src/components/Timeline.vue index 3d203b7..77acb2b 100644 --- a/src/components/Timeline.vue +++ b/src/components/Timeline.vue @@ -187,7 +187,7 @@ display: grid; position: relative; width: 100vw; - min-height: 100vh; + // min-height: 100vh; grid-template-columns: auto $icon-width $icon-width $space-width auto; grid-gap: .5em; @@ -214,9 +214,9 @@ .skill-icon, .desc-icon, .src-icon, .doc-icon, .end-icon { position: relative; - width: #{$icon-width + .3rem}; - height: #{$icon-width + .3rem}; - margin-top: .3rem; + width: #{$icon-width + .1rem}; + height: #{$icon-width + .1rem}; + margin-top: .1rem; background: $bg-color; } @@ -234,6 +234,8 @@ font-size: .8em; color: #535359; padding-top: .3em; + + justify-self: flex-end; } .name-icon { @@ -285,10 +287,13 @@ .skillset { display: flex; + flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; + width: 50vw; + .skill-card { margin-right: .4em; margin-bottom: .4em;