additional css

css/styles.css

@@ -6703,9 +6703,10 @@ fieldset,
             padding: 0 16px;
             background: #f7f7f7;
             box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.13);
-            display: grid;
-            gap: 0.5rem;
-            grid-template-columns: repeat(4, minmax(0, 1fr));
+            display: flex;
+            flex-flow: wrap;
+            flex-direction: row;
+            flex-wrap: wrap;
             height: auto;
             left: 3rem;
             overflow-y: inherit;
@@ -6771,7 +6772,9 @@ fieldset,
             padding-left: 56px; }
           @media (min-width: 48.06rem) {
             .uw-horizontal-nav--menu .menu .submenu-active .menu--subnav .menu--item {
+              flex: 1 0 50%;
               height: auto;
+              max-width: 50%;
               padding-left: 8px; }
               .uw-horizontal-nav--menu .menu .submenu-active .menu--subnav .menu--item:nth-of-type(1) {
                 background: #10cff6; }
@@ -6860,6 +6863,9 @@ fieldset,
                       font-weight: 200; } }
           @media (min-width: 63.1875rem) {
             .uw-horizontal-nav--menu .menu .submenu-active .menu--subnav .menu--item {
+              flex: 1 0 24%;
+              height: auto;
+              max-width: 24%;
               padding-left: 16px; } }
           .uw-horizontal-nav--menu .menu .submenu-active .menu--subnav .menu--item__parent {
             padding: 4px 0 4px 8px;

js/component_scripts.min.js

+/**
+ * @file
+ * Ckeditor Modal.
+ */
+
+(function ($, Drupal) {
+  if ($.ui && $.ui.dialog) {
+    orig_allowInteraction = $.ui.dialog.prototype._allowInteraction;
+    $.ui.dialog.prototype._allowInteraction = function (event) {
+      if ($(event.target).closest('.cke_dialog').length) {
+        return true;
+      }
+      return orig_allowInteraction.apply(this, arguments);
+    };
+  }
+})(jQuery, Drupal);
+
 /**
  * @file
  */
@@ -329,23 +346,6 @@ else {
   };
 })(jQuery);
 
-/**
- * @file
- * Ckeditor Modal.
- */
-
-(function ($, Drupal) {
-  if ($.ui && $.ui.dialog) {
-    orig_allowInteraction = $.ui.dialog.prototype._allowInteraction;
-    $.ui.dialog.prototype._allowInteraction = function (event) {
-      if ($(event.target).closest('.cke_dialog').length) {
-        return true;
-      }
-      return orig_allowInteraction.apply(this, arguments);
-    };
-  }
-})(jQuery, Drupal);
-
 /**
  * @file
  */

source/_patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss

@@ -370,13 +370,13 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
             //align-items: flex-start;
             background: $menu-horizontal-drop-bg;
             box-shadow: 0 10px 20px rgba(0, 0, 0, 0.10), 0 6px 6px rgba(0, 0, 0, 0.13);
-            //display: flex;
-            //flex-flow: wrap;
-            //flex-direction: column;
-            //flex-wrap: wrap;
-            display: grid;
-            gap:0.5rem;
-            grid-template-columns: repeat(4, minmax(0,1fr));
+            display: flex;
+            flex-flow: wrap;
+            flex-direction: row;
+            flex-wrap: wrap;
+            //display: grid;
+            //gap:0.5rem;
+            //grid-template-columns: repeat(4, minmax(0,1fr));
             height:auto;
             left: 3rem;
             overflow-y:inherit;
@@ -464,9 +464,9 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
             }
 
             @include medium {
-              //flex:0 1;
+              flex:1 0 50%;
               height:auto;
-              //max-width: 50%;
+              max-width: 50%;
               padding-left: gesso-spacing(xs);
               &:nth-of-type(1){
                 background: rgba(16, 207, 246, 1);
@@ -578,7 +578,9 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
 
             }
             @include large {
-              //max-width: 33%;
+              flex:1 0 24%;
+              height:auto;
+              max-width: 24%;
               padding-left: gesso-spacing(sm);
             }
             &__parent{