Add Some Responsive Features

src/app/features/header-menu/header-menu.scss

@@ -1,3 +1,19 @@
+@use "sass:map";
+
+$breakpoints: (
+  'narrow': 1400px
+);
+
+@mixin respond-to($breakpoint) {
+  @if map.has-key($breakpoints, $breakpoint) {
+    @media (max-width: map.get($breakpoints, $breakpoint)) {
+      @content;
+    }
+  } @else {
+    @warn "해당 브레이크포인트가 없습니다: #{$breakpoint}";
+  }
+}
+
 :host {
   display: flex;
   flex-direction: row;
@@ -110,6 +126,9 @@
       }
 
       span {
+        @include respond-to(narrow) {
+          display: none;
+        }
         /*text-box-trim: trim-both;
         text-box-edge: cap alphabetic;*/
       }