chore: adjust style

1 files changed, 18 insertions, 3 deletions

diff --git a/src/components/ContentHeader.module.scss b/src/components/ContentHeader.module.scss
index 3af15c6..b71b37e 100644
--- a/src/components/ContentHeader.module.scss
+++ b/src/components/ContentHeader.module.scss
@@ -1,17 +1,32 @@
 @import '~/styles/utils/custom-media';
 
 .root {
-  height: 76px;
+  height: 60px;
   display: flex;
   align-items: center;
+  padding: 0 15px;
+
+  @media (max-width: 768px) {
+    min-height: 48px;
+    height: auto;
+    padding: 5px 10px;
+    flex-wrap: wrap;
+  }
+
+  @media (--breakpoint-not-small) {
+    padding: 0 40px;
+  }
 }
 
 .h1 {
   white-space: nowrap;
-  padding: 0 15px;
   font-size: 1.7em;
+
+  @media (max-width: 768px) {
+    font-size: 1.4em;
+  }
+
   @media (--breakpoint-not-small) {
-    padding: 0 40px;
     font-size: 2em;
   }
   text-align: left;