component: adjust grid resizing

craig-osterhout · craig-osterhout · commit 96814339168f · 2025-12-19T12:39:59.000-08:00
Signed-off-by: Craig Osterhout &lt;craig.osterhout@docker.com&gt;
diff --git a/layouts/shortcodes/grid.html b/layouts/shortcodes/grid.html
@@ -1,6 +1,6 @@
 {{ $cols := .Get "cols" | default 3 }}
 <div
-  class="not-prose md:grid-cols-{{ math.Max 2 (sub $cols 1) }} lg:grid-cols-{{ $cols }} grid grid-cols-1 gap-4 mb-6"
+  class="not-prose md:grid-cols-{{ math.Max 2 (sub $cols 1) }} xl:grid-cols-{{ $cols }} grid grid-cols-1 gap-4 mb-6"
 >
   {{ $items := index .Page.Params (.Get "items" | default "grid") }}
   {{ range $items }}

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{{ $cols := .Get "cols" \| default 3 }}`
`2`	`2`	`<div`
`3`		`- class="not-prose md:grid-cols-{{ math.Max 2 (sub $cols 1) }} lg:grid-cols-{{ $cols }} grid grid-cols-1 gap-4 mb-6"`
	`3`	`+ class="not-prose md:grid-cols-{{ math.Max 2 (sub $cols 1) }} xl:grid-cols-{{ $cols }} grid grid-cols-1 gap-4 mb-6"`
`4`	`4`	`>`
`5`	`5`	`{{ $items := index .Page.Params (.Get "items" \| default "grid") }}`
`6`	`6`	`{{ range $items }}`