CHANGELOG has been changed

CHANGELOG.md

@@ -22,7 +22,7 @@ Our versioning strategy is as follows:
 * `[sitecore-jss-angular]` Fix nested dynamic placeholders not being displayed in Pages ([#1947](https://github.com/Sitecore/jss/pull/1947))
 * `[sitecore-jss-nextjs]` Resolved an issue with Netlify where URL query parameters were being sorted, causing redirect failures. Added a method to generate all possible permutations of query parameters, ensuring proper matching with URL patterns regardless of their order. ([#1935](https://github.com/Sitecore/jss/pull/1935))
 * `[sitecore-jss-nextjs]` Fixed an issue with language-based redirects, ensuring users are correctly redirected to the appropriate language-specific pages rather than defaulting to the primary language. ([#1938](https://github.com/Sitecore/jss/pull/1938))
-* `[templates/nextjs-sxa]` Fix an alignment issue where components using both `me-auto` and `ms-md-auto` classes resulted in inconsistent alignment of elements. ([#1946](https://github.com/Sitecore/jss/pull/1946))
+* `[templates/nextjs-sxa]` Fix an alignment issue where components using both `me-auto` and `ms-md-auto` classes resulted in inconsistent alignment of elements. ([#1946](https://github.com/Sitecore/jss/pull/1946)) ([#1950](https://github.com/Sitecore/jss/pull/1950))
 
 ### 🎉 New Features & Improvements
 

packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/components/common/_alignment.scss

@@ -29,27 +29,28 @@
   text-align-last: center !important;
 }
 
-@include media-breakpoint-up(md) {
-  .ms-md-auto {
+@include media-breakpoint-up(sm) {
+  .ms-sm-auto {
     margin-left: auto !important;
     margin-right: 0 !important;
   }
-  .me-md-auto {
+  .me-sm-auto {
     margin-right: auto !important;
     margin-left: 0 !important;
   }
 }
 
-@include media-breakpoint-up(sm) {
-  .ms-sm-auto {
+@include media-breakpoint-up(md) {
+  .ms-md-auto {
     margin-left: auto !important;
     margin-right: 0 !important;
   }
-  .me-sm-auto {
+  .me-md-auto {
     margin-right: auto !important;
     margin-left: 0 !important;
   }
 }
+
 @include media-breakpoint-up(lg) {
   .ms-lg-auto {
     margin-left: auto !important;
@@ -60,6 +61,7 @@
     margin-left: 0 !important;
   }
 }
+
 @include media-breakpoint-up(xl) {
   .ms-xl-auto {
     margin-left: auto !important;
@@ -70,6 +72,7 @@
     margin-left: 0 !important;
   }
 }
+
 @include media-breakpoint-up(xxl) {
   .ms-xxl-auto {
     margin-left: auto !important;