From c0d8e6a3a7b4b7fc8a068f34a0471313fa40e6f5 Mon Sep 17 00:00:00 2001
From: Jonathan Carle <jonathan_leo.carle@mail.schwarz>
Date: Thu, 23 Jan 2025 13:40:27 +0100
Subject: [PATCH] update docs and comments

---
 apps/docs/src/basics/breakpoints-grid.md | 24 ++++++++++++------------
 packages/sit-onyx/src/styles/grid.scss   |  4 ++--
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/apps/docs/src/basics/breakpoints-grid.md b/apps/docs/src/basics/breakpoints-grid.md
index 7283a18784..d5c8f82663 100644
--- 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
index 70fae0d456..f83a0f8d95 100644
--- 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);