diff --git a/docs/styles/grid/column_span.md b/docs/styles/grid/column_span.md
new file mode 100644
index 000000000..4bf511a8c
--- /dev/null
+++ b/docs/styles/grid/column_span.md
@@ -0,0 +1 @@
+# Column-span
diff --git a/docs/styles/grid/grid_columns.md b/docs/styles/grid/grid_columns.md
new file mode 100644
index 000000000..f2f5e4fe3
--- /dev/null
+++ b/docs/styles/grid/grid_columns.md
@@ -0,0 +1 @@
+# Grid-columns
diff --git a/docs/styles/grid/grid_gutter.md b/docs/styles/grid/grid_gutter.md
new file mode 100644
index 000000000..28f309dc0
--- /dev/null
+++ b/docs/styles/grid/grid_gutter.md
@@ -0,0 +1 @@
+# Grid-gutter
diff --git a/docs/styles/grid/grid_rows.md b/docs/styles/grid/grid_rows.md
new file mode 100644
index 000000000..34bfd043c
--- /dev/null
+++ b/docs/styles/grid/grid_rows.md
@@ -0,0 +1 @@
+# Grid-rows
diff --git a/docs/styles/grid/grid_size.md b/docs/styles/grid/grid_size.md
new file mode 100644
index 000000000..0dbf58784
--- /dev/null
+++ b/docs/styles/grid/grid_size.md
@@ -0,0 +1 @@
+# Grid-size
diff --git a/docs/styles/grid.md b/docs/styles/grid/index.md
similarity index 100%
rename from docs/styles/grid.md
rename to docs/styles/grid/index.md
diff --git a/docs/styles/grid/row_span.md b/docs/styles/grid/row_span.md
new file mode 100644
index 000000000..d05182ace
--- /dev/null
+++ b/docs/styles/grid/row_span.md
@@ -0,0 +1 @@
+# Row-span
diff --git a/mkdocs.yml b/mkdocs.yml
index 4f3247d92..7575fea5f 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -63,7 +63,14 @@ nav:
       - "styles/content_align.md"
       - "styles/display.md"
       - "styles/dock.md"
-      - "styles/grid.md"
+      - Grid:
+        - "styles/grid/index.md"
+        - "styles/grid/grid_size.md"
+        - "styles/grid/grid_rows.md"
+        - "styles/grid/grid_columns.md"
+        - "styles/grid/grid_gutter.md"
+        - "styles/grid/row_span.md"
+        - "styles/grid/column_span.md"
       - "styles/height.md"
       - "styles/layer.md"
       - "styles/layers.md"