[terra-arrange] Revert change for small viewport flex css properties (#…

…4091)
cerner · Apr 24, 2024 · b09f41c · b09f41c
1 parent 0eda3a0
commit b09f41c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 14 deletions.
diff --git a/packages/terra-arrange/CHANGELOG.md b/packages/terra-arrange/CHANGELOG.md
@@ -2,6 +2,9 @@
 
 ## Unreleased
 
+* Removed
+  * Reverted the change for a reflow issue when the viewport is resized to 320x256 px.
+
 ## 3.56.1-alpha.0 - (April 10, 2024)
 
 * Changed

diff --git a/packages/terra-arrange/src/Arrange.module.scss b/packages/terra-arrange/src/Arrange.module.scss
@@ -11,18 +11,14 @@
 
   // Makes sure fill expands to fill the remaining space of its parent container
   .fill {
-    flex-grow: 1;
-    flex-shrink: 1;
-    flex-basis: auto;
+    flex: 1 1 auto;
     min-width: 0;
   }
 
   // Styles specific to align items independently of each other
   .fit {
     align-self: flex-start;
-    flex-grow: 0;
-    flex-shrink: 0;
-    flex-basis: auto;
+    flex: 0 0 auto;
   }
 
   .center {
@@ -42,12 +38,4 @@
   .default {
     align-self: flex-start;
   }
-
-  @media (max-width: 320px), (max-height: 256px) {
-    .fit {
-      flex-grow: 0;
-      flex-shrink: 0;
-      flex-basis: 0;
-    }
-  }
 }