From 5ff0f79720903ae7383b9d176a67078b3737b9e5 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:42:45 +0000
Subject: [PATCH] Add example for row-span.

---
 docs/examples/styles/row_span.css | 30 ++++++++++++++++++++++++++++++
 docs/examples/styles/row_span.py  | 19 +++++++++++++++++++
 2 files changed, 49 insertions(+)
 create mode 100644 docs/examples/styles/row_span.css
 create mode 100644 docs/examples/styles/row_span.py

diff --git a/docs/examples/styles/row_span.css b/docs/examples/styles/row_span.css
new file mode 100644
index 000000000..195ca2ac7
--- /dev/null
+++ b/docs/examples/styles/row_span.css
@@ -0,0 +1,30 @@
+#p1 {
+    row-span: 4;
+}
+#p2 {
+    row-span: 3;
+}
+#p3 {
+    row-span: 2;
+}
+#p4 {
+    row-span: 1;  /* Didn't need to be set explicitly. */
+}
+#p5 {
+    row-span: 3;
+}
+#p6 {
+    row-span: 2;
+}
+#p7 {
+    /* Default value is 1. */
+}
+
+Grid {
+    grid-size: 4 4;
+    grid-gutter: 1 2;
+}
+
+Placeholder {
+    height: 100%;
+}
diff --git a/docs/examples/styles/row_span.py b/docs/examples/styles/row_span.py
new file mode 100644
index 000000000..826dc13eb
--- /dev/null
+++ b/docs/examples/styles/row_span.py
@@ -0,0 +1,19 @@
+from textual.app import App
+from textual.containers import Grid
+from textual.widgets import Placeholder
+
+
+class MyApp(App):
+    def compose(self):
+        yield Grid(
+            Placeholder(id="p1"),
+            Placeholder(id="p2"),
+            Placeholder(id="p3"),
+            Placeholder(id="p4"),
+            Placeholder(id="p5"),
+            Placeholder(id="p6"),
+            Placeholder(id="p7"),
+        )
+
+
+app = MyApp(css_path="row_span.css")