From d3adf6bf689a2de10beb325a978afac6eb77555e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rodrigo=20Gir=C3=A3o=20Serr=C3=A3o?=
 <5621605+rodrigogiraoserrao@users.noreply.github.com>
Date: Tue, 20 Dec 2022 09:37:07 +0000
Subject: [PATCH] Add note about grid styles applicability.

---
 docs/styles/grid/column_span.md  | 4 ++++
 docs/styles/grid/grid_columns.md | 4 ++++
 docs/styles/grid/grid_gutter.md  | 4 ++++
 docs/styles/grid/grid_rows.md    | 4 ++++
 docs/styles/grid/grid_size.md    | 4 ++++
 docs/styles/grid/row_span.md     | 4 ++++
 6 files changed, 24 insertions(+)

diff --git a/docs/styles/grid/column_span.md b/docs/styles/grid/column_span.md
index 00442fbd1..2ac8d808f 100644
--- a/docs/styles/grid/column_span.md
+++ b/docs/styles/grid/column_span.md
@@ -2,6 +2,10 @@
 
 The `column-span` style specifies how many rows a widget will span in a grid layout.
 
+!!! note
+
+    This style only affects widgets that are direct children of a widget with `layout: grid`.
+
 ## Syntax
 
 ```sass
diff --git a/docs/styles/grid/grid_columns.md b/docs/styles/grid/grid_columns.md
index 1b2125b38..a75fd6157 100644
--- a/docs/styles/grid/grid_columns.md
+++ b/docs/styles/grid/grid_columns.md
@@ -2,6 +2,10 @@
 
 The `grid-columns` style allows to define the width of the columns of the grid.
 
+!!! note
+
+    This style only affects widgets with `layout: grid`.
+
 ## Syntax
 
 ```sass
diff --git a/docs/styles/grid/grid_gutter.md b/docs/styles/grid/grid_gutter.md
index cb90d2d5a..843fae81d 100644
--- a/docs/styles/grid/grid_gutter.md
+++ b/docs/styles/grid/grid_gutter.md
@@ -6,6 +6,10 @@ That is, it sets the space between adjacent cells in the grid.
 Gutter is only applied _between_ the edges of cells.
 No spacing is added between the edges of cells and the edges of the container.
 
+!!! note
+
+    This style only affects widgets with `layout: grid`.
+
 ## Syntax
 
 ```sass
diff --git a/docs/styles/grid/grid_rows.md b/docs/styles/grid/grid_rows.md
index a71175c0d..5859b80ce 100644
--- a/docs/styles/grid/grid_rows.md
+++ b/docs/styles/grid/grid_rows.md
@@ -2,6 +2,10 @@
 
 The `grid-rows` style allows to define the height of the rows of the grid.
 
+!!! note
+
+    This style only affects widgets with `layout: grid`.
+
 ## Syntax
 
 ```sass
diff --git a/docs/styles/grid/grid_size.md b/docs/styles/grid/grid_size.md
index d4c737014..b75e862e7 100644
--- a/docs/styles/grid/grid_size.md
+++ b/docs/styles/grid/grid_size.md
@@ -4,6 +4,10 @@ The `grid-size` style sets the number of columns and rows in a grid layout.
 
 The number of rows can be left unspecified and it will be computed automatically.
 
+!!! note
+
+    This style only affects widgets with `layout: grid`.
+
 ## Syntax
 
 ```sass
diff --git a/docs/styles/grid/row_span.md b/docs/styles/grid/row_span.md
index 040e88a6c..ce3565528 100644
--- a/docs/styles/grid/row_span.md
+++ b/docs/styles/grid/row_span.md
@@ -2,6 +2,10 @@
 
 The `row-span` style specifies how many rows a widget will span in a grid layout.
 
+!!! note
+
+    This style only affects widgets that are direct children of a widget with `layout: grid`.
+
 ## Syntax
 
 ```sass