update docs and comments

SchwarzIT · Jan 23, 2025 · c0d8e6a · c0d8e6a
1 parent 184951c
commit c0d8e6a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 14 deletions.
diff --git a/apps/docs/src/basics/breakpoints-grid.md b/apps/docs/src/basics/breakpoints-grid.md
@@ -96,12 +96,12 @@ This breakpoint starts at 993px and ends at 1440px screen size. It is mostly use
 ::: details lg breakpoint
 This breakpoint starts at 1441 and ends at 1920px screen size. It is mostly used with larger desktop screens.
 
-| Unit            | Value |
-| --------------- | ----: |
-| Margin          |  64px |
-| Column quantity |    16 |
-| Column width    |  flex |
-| Gutter          |  32px |
+| Unit            |    Value |
+| --------------- | -------: |
+| Margin          |     64px |
+| Column quantity | 12 or 16 |
+| Column width    |     flex |
+| Gutter          |     32px |
 
 Maximum content width can manually be set to the **md** breakpoint width.
 
@@ -112,12 +112,12 @@ Details can be found [here](#columns).
 ::: details xl breakpoint
 This breakpoint starts at 1921px and has no maximum limit. It is mostly used with very large desktop screens.
 
-| Unit            |    Value |
-| --------------- | -------: |
-| Margin          |     64px |
-| Column quantity | 16 or 20 |
-| Column width    |     flex |
-| Gutter          |     32px |
+| Unit            |        Value |
+| --------------- | -----------: |
+| Margin          |         64px |
+| Column quantity | 12, 16 or 20 |
+| Column width    |         flex |
+| Gutter          |         32px |
 
 Maximum content width can manually be set to the **md** and **lg** breakpoint width.
 

diff --git a/packages/sit-onyx/src/styles/grid.scss b/packages/sit-onyx/src/styles/grid.scss
@@ -48,7 +48,7 @@ $screenOffset: 1;
   }
 
   /**
-  * Grid container classes for "xl" breakpoint variants with 16 or 20 columns
+  * Grid container classes for "xl" and "lg" breakpoint variants with 16 or 20 columns
   */
   @include screen(min, lg, $screenOffset) {
     .onyx-grid-xl-20,
@@ -72,7 +72,7 @@ $screenOffset: 1;
   }
 
   /**
-  * Grid element class for spanning the full width.
+  * Grid element class for spanning the full row width.
   */
   .onyx-grid-span-full {
     grid-column: 1 / span var(--onyx-grid-columns);