Update code

src/styles/layouts/_header.scss

@@ -2,33 +2,39 @@
   @extend %absolute;
   @include set-location($top: 0, $right: 0, $left: 0);
 
-  max-width: 428px;
+  width: 428px;
   margin: auto;
 }
 
-.header-container {
+.header__container {
   @extend %d-flex;
   @include flex-layout($align: center);
 
   justify-content: space-between;
   position: relative;
-  max-width: 428px;
-  min-width: $min-width;
   padding: 24px;
   margin: auto;
 }
 
-.header-content {
+.header__content {
   @extend %d-flex;
   @include flex-layout($justify: space-between);
 }
 
+@media screen and (min-width: 600px) {
+  .header {
+    width: auto;
+  }
+}
+
 @media screen and (min-width: 840px) {
   .header {
+    @include size(auto, auto);
+
     max-width: $max-width;
   }
 
-  .header-container {
+  .header__container {
     @include flex-layout($gap: 10px);
 
     padding-top: 32px;
@@ -37,7 +43,7 @@
     max-width: 1309px;
   }
 
-  .header-content {
+  .header__content {
     @include flex-layout($gap: 10px);
     @include size(100%, auto);