Add the grid layout component

Plan step 35: <x-grid :columns gap min-item>. The column count per
breakpoint is written as five inline custom properties, each filled from
the nearest smaller breakpoint, so a nested grid never inherits its
parent's; min-item fills a row by the room the grid has, and with columns
the counts become a ceiling.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9

This commit is contained in:

Andreas Reinhold / reini

2026-09-14 14:50:47 +02:00

co-authored by

Claude Opus 5

parent 8de053f15c

commit da7a05a619

6 changed files with 241 additions and 0 deletions

									
										resources/css/layout.css
									
		+1
		
												View File
												
				@@ -8,3 +8,4 @@

				@import './layout/stack.css';

				@import './layout/row.css';

				@import './layout/grid.css';