Headers: Fix header responsivness

Author: nginx-jack

assets/css/v2/style.css

@@ -243,6 +243,7 @@ textarea:not([rows]) {
 
   /* @link https://utopia.fyi/grid/calculator?c=320,16,1.2,1240,18,1.25,5,3,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
   --grid-max-width: 69.75rem;
+  --grid-min-width: 34rem;
   --grid-gutter: var(--space-s-l, clamp(1rem, 0.4975rem + 2.5126vw, 2.25rem));
   --grid-columns: 12;
 
@@ -343,6 +344,7 @@ ol li:last-child {
     "sidebar content"
     "sidebar footer";
   min-height: 100vh;
+  min-width: var(--grid-min-width);
 
   @media (max-width: 68rem) {
     grid-template-columns: 1fr;
@@ -403,7 +405,6 @@ ol li:last-child {
   .header-container {
     display: flex;
     flex-direction: row;
-    flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
     width: 100%;
@@ -441,26 +442,6 @@ ol li:last-child {
     > ul {
       padding: 0;
     }
-
-    @media (max-width: 700px) {
-      a,
-      ul {
-        width: calc(50% - 1rem);
-      }
-
-      li {
-        float: right;
-      }
-
-      div {
-        order: 3;
-        width: 100%;
-
-        #search-standalone-header {
-          margin-top: 1rem;
-        }
-      }
-    }
   }
 
   .dropdown-content {