From 6eeecf0825990f074122726f4d1c9069a2ef9908 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 13 Sep 2021 12:06:47 -0500
Subject: [PATCH] Profile: add smaller header image breakpoints

---
 app/styles/components/account-header.scss | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/styles/components/account-header.scss b/app/styles/components/account-header.scss
index 542833e31..951cf2f16 100644
--- 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;