Missing Classes for Flex and other CSS Properties on breakpoint

[Brockenstein]

Having the ability to apply CSS properties on breakpoint is great like with fs-m-around but there are some classes missing for the following individual property value pairs.

• flex-wrap: nowrap;
• flex-wrap: wrap;
• flex-direction: row;
• flex-direction: column;
• display: flex;
• display: grid;
• display: initial;
• display: block;
• display: inline-block;
• justify-items: stretch;
• justify-items: center;
• justify-items: start;
• justify-items: end;
• justify-items: normal;
• justify-items: flex-end;
• justify-items: flex-start;

Make sure to add these to documentation and check for others that are already in the code but not in documentation like:

• fs-content-middle
• fs-content-stretch
• fs-content-bottom

[Brockenstein]

https://github.com/Brockenstein/Flexspan-Grid-System/blob/issue-2/dist/_flexspan-grid-classes.scss

has the following changes

Key Structural Changes

• New .fs-forced-container Class Introduced:

  • .fs-forced-container now exists as a standalone class that explicitly sets display: grid and applies spacing gaps.

  • In prior versions, .fs-col-count-* automatically set display: grid when using .fs-forced-container as a modifier, but this was implicit and sometimes unclear.

  • Note: Using CSS Grid has always expected .fs-forced-container, but this version now makes that requirement explicit and easier to understand.

• Breakpoint-Specific Container Classes Added:

  • .fs-{breakpoint}-container and .fs-{breakpoint}-row classes now exist to better control container and row layouts at responsive breakpoints.

• Fluid Columns at Breakpoints Adjusted:

  • .fs-{breakpoint}-fluid .fs-{i} pattern introduced for fluid grids inside breakpoints, replacing the prior .fs-fluid .fs-{breakpoint}-{i} structure from 1.1.0.

• Alignment and Flex Utilities Refined:

  • align-content utilities (fs-content-*) now have proper breakpoint versions (fs-content-{breakpoint}-{position}).

  • Direction utilities for flex layouts expanded with .fs-dir-row, .fs-dir-col and their breakpoint versions (.fs-dir-{breakpoint}-row, .fs-dir-{breakpoint}-col).

• Justify-Items Classes for CSS Grid Introduced:

  • New classes like .fs-col-justify-stretch, .fs-col-justify-center, .fs-col-justify-start, .fs-col-justify-end, and .fs-col-justify-normal (including breakpoint versions).

Specific Improvements

• Cleaner and Consistent Naming for Responsive Utilities:

  • More standardized structure across breakpoints for flex-item, flex-parent, and other utility mixins.

  • Each alignment, justification, and offset class now has a consistent responsive variant.

• CSS Grid Improvements:

  • .fs-col-count-* classes no longer automatically apply display: grid.
    You now must explicitly use .fs-forced-container to enable CSS grid behavior, providing developers finer control and reducing unintended layouts.

• Additional Minor Adjustments:

  • Structural improvements to how no-gap classes are generated at each breakpoint (.fs-{breakpoint}-nogap).

  • Better grouping and clarity around Flex Growth classes, Flex Direction classes, and Alignment utilities.

Deprecations / Removals

• Automatic display: grid inside .fs-col-count-* was removed.

  • Developers must apply .fs-forced-container when CSS Grid behavior is needed.

• Removed Implicit Ties Between .fs-fluid and Breakpoints:

  • Transitioned .fs-fluid .fs-{breakpoint}-{i} to .fs-{breakpoint}-fluid .fs-{i}.

As long as everyone is happy with this version I will publish it as the latest