feat: add media query for header responsive

src/components/General/Header.tsx

@@ -14,6 +14,7 @@ const Header = ({ selectedTag }: HeaderProps) => {
         paddingBottom: '25px',
         marginTop: '4.4rem',
       }}
+      className="header-container"
     >
       <NimbusLogo />
       <TagContainer selectedTag={selectedTag} />

src/index.css

@@ -130,3 +130,10 @@ ul li {
     background-color: #f9f9f9;
   }
 }
+
+@media screen and (max-width: 440px) {
+  .header-container {
+    flex-direction: column;
+    gap: 12px;
+  }
+}