From 5e901458fb0ca9fdce0dd6886d741515040aefc1 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: Mon, 19 Dec 2022 18:01:29 +0000
Subject: [PATCH] Add grid size examples.

---
 docs/examples/styles/grid_size_both.css    | 10 ++++++++++
 docs/examples/styles/grid_size_both.py     | 17 +++++++++++++++++
 docs/examples/styles/grid_size_columns.css | 10 ++++++++++
 docs/examples/styles/grid_size_columns.py  | 17 +++++++++++++++++
 4 files changed, 54 insertions(+)
 create mode 100644 docs/examples/styles/grid_size_both.css
 create mode 100644 docs/examples/styles/grid_size_both.py
 create mode 100644 docs/examples/styles/grid_size_columns.css
 create mode 100644 docs/examples/styles/grid_size_columns.py

diff --git a/docs/examples/styles/grid_size_both.css b/docs/examples/styles/grid_size_both.css
new file mode 100644
index 000000000..8f3c2dce5
--- /dev/null
+++ b/docs/examples/styles/grid_size_both.css
@@ -0,0 +1,10 @@
+Grid {
+    grid-size: 2 4;  /* (1)! */
+}
+
+Label {
+    border: round white;
+    content-align: center middle;
+    width: 100%;
+    height: 100%;
+}
diff --git a/docs/examples/styles/grid_size_both.py b/docs/examples/styles/grid_size_both.py
new file mode 100644
index 000000000..6383cc760
--- /dev/null
+++ b/docs/examples/styles/grid_size_both.py
@@ -0,0 +1,17 @@
+from textual.app import App
+from textual.containers import Grid
+from textual.widgets import Label
+
+
+class MyApp(App):
+    def compose(self):
+        yield Grid(
+            Label("1"),
+            Label("2"),
+            Label("3"),
+            Label("4"),
+            Label("5"),
+        )
+
+
+app = MyApp(css_path="grid_size_both.css")
diff --git a/docs/examples/styles/grid_size_columns.css b/docs/examples/styles/grid_size_columns.css
new file mode 100644
index 000000000..1fd94d653
--- /dev/null
+++ b/docs/examples/styles/grid_size_columns.css
@@ -0,0 +1,10 @@
+Grid {
+    grid-size: 2;  /* (1)! */
+}
+
+Label {
+    border: round white;
+    content-align: center middle;
+    width: 100%;
+    height: 100%;
+}
diff --git a/docs/examples/styles/grid_size_columns.py b/docs/examples/styles/grid_size_columns.py
new file mode 100644
index 000000000..06be94150
--- /dev/null
+++ b/docs/examples/styles/grid_size_columns.py
@@ -0,0 +1,17 @@
+from textual.app import App
+from textual.containers import Grid
+from textual.widgets import Label
+
+
+class MyApp(App):
+    def compose(self):
+        yield Grid(
+            Label("1"),
+            Label("2"),
+            Label("3"),
+            Label("4"),
+            Label("5"),
+        )
+
+
+app = MyApp(css_path="grid_size_columns.css")