Profile: add smaller header image breakpoints

2021-09-13 12:06:47 -05:00
parent 89b66ab56d
commit 6eeecf0825
1 changed files with 12 additions and 2 deletions
--- a/app/styles/components/account-header.scss
+++ b/app/styles/components/account-header.scss
@ -45,8 +45,18 @@
    height: 350px;
    position: relative;
    background: var(--accent-color--faint);
-    @media screen and (max-width: 895px) { height: 225px; }
-    &--none { height: 125px; }
+
+    @media screen and (max-width: 895px) {
+      height: 225px;
+    }
+
+    @media screen and (max-width: 560px) {
+      height: 150px;
+    }
+
+    &--none {
+      height: 125px;
+    }

    img {
      object-fit: cover;