From 94bd27953e0a5ffef80e9451b27e122d185d093f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Minh=20L=C3=AA?=
 <115204145+DucMinhNe@users.noreply.github.com>
Date: Wed, 3 Jun 2026 09:41:15 +0700
Subject: [PATCH] docs: fix invalid `rows` CSS property in {#each} chess-board
 example (#18367)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Problem

The `{#each}` docs page has a runnable "chess board" example whose
`<style>` block uses an invalid CSS property:

```css
.chess-board {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	rows: repeat(8, 1fr);   /* ← not a real CSS property */
	...
}
```

There is no `rows` shorthand or longhand in CSS, so this line is
silently dropped by every browser. The example clearly intends an 8×8
grid (note the matching `grid-template-columns` line directly above).

## Fix

`rows` → `grid-template-rows`. One line, in
`documentation/docs/03-template-syntax/03-each.md`. No prose changes.
---
 documentation/docs/03-template-syntax/03-each.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/documentation/docs/03-template-syntax/03-each.md b/documentation/docs/03-template-syntax/03-each.md
index 9fa699d493..5f7f494199 100644
--- a/documentation/docs/03-template-syntax/03-each.md
+++ b/documentation/docs/03-template-syntax/03-each.md
@@ -106,7 +106,7 @@ In case you just want to render something `n` times, you can omit the `as` part:
 	.chess-board {
 		display: grid;
 		grid-template-columns: repeat(8, 1fr);
-		rows: repeat(8, 1fr);
+		grid-template-rows: repeat(8, 1fr);
 		border: 1px solid black;
 		aspect-ratio: 1;