Move nav buttons below name on small screens

2019-02-10 10:03:39 -05:00 · 2019-02-10 10:03:39 -05:00 · a329051a8a
commit a329051a8a
parent c5ebdf89a7
1 changed files with 6 additions and 0 deletions
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@ -42,6 +42,11 @@
 }

 .portfolio-header {
+  flex-direction: column;
+  @include media($small-screen) {
+    flex-direction: row;
+  }
+
  margin: 2 * $gap 0;

  .portfolio-header__name {
@ -64,6 +69,7 @@
  }

  .links {
+    justify-content: center;
    font-size: $small-font-size;

    .icon-link {