Fix Ground Nav Feature Width (#2205)

While testing the updated Ground Nav in WordPress, I noticed that if the
feature content was too short, and there was only one feature showing,
it chould shrink and look odd. This PR remedies that by applying a
min-width to the feature container.

Author: spaceninja

.changeset/thick-roses-juggle.md

@@ -0,0 +1,5 @@
+---
+"@cloudfour/patterns": patch
+---
+
+Bugfix: This addresses an issue where when a single Ground Nav feature was set with very short content, the feature could appear too narrow.

src/components/ground-nav/ground-nav.scss

@@ -73,14 +73,17 @@
 
 /**
  * 1. Keep contents from overflowing border-radius
- * 2. Used to position the features side-by-side on large screens
+ * 2. Min width to keep promos with short content from shrinking
+ * 3. Used to position the features side-by-side on large screens
  */
 .c-ground-nav__features-inner {
   @include border-radius.conditional;
   contain: paint; // 1
+  min-inline-size: 100%; // 2
 
   @media (width >= breakpoint.$l) {
-    display: flex; // 2
+    display: flex; // 3
+    min-inline-size: size.$max-width-prose; // 2
   }
 }
 

src/components/ground-nav/ground-nav.twig

@@ -12,9 +12,7 @@
           {% endblock %}
         {% endembed %}
         <p>
-          Cloud Four helps organizations solve complex responsive web
-          design and development challenges every day.
-          Let's connect so we can tailor a solution to fit your needs.
+          Cloud Four helps every day.
         </p>
       </div>
       {% embed '@cloudfour/objects/button-group/button-group.twig' only %}

src/utilities/size/demo/block-size.twig

@@ -4,7 +4,7 @@
       full (in a 150px tall container)
     </div>
   </div>
-  <div style="height:150px;">
+  <div style="height:150px;" class="t-alternate">
     <div class="u-size-block-auto u-pad-n1 u-rounded t-dark t-alternate u-text-center">
       auto (in a 150px tall container)
     </div>