Template:Column Grid

Template documentation

Description

Multi-column responsive layout container for placing panels, cards, or lists side-by-side on desktop. Automatically stacks into 1 column on mobile and tablets.

Usage

{{Column Grid
|columns = 2
|ratio = left-wide
|content =
{{Tile Grid|...}}
{{List Panel|...}}
}}

Parameters

• columns: Number of columns on desktop — 2 (default), 3, or 4.
• ratio: Proportional split for 2-column layouts — equal (default 1:1), left-wide (1.1 : 0.9), or right-wide (0.9 : 1.1).
• content or 1: The inner components to place inside the columns.

Example

Essential Platforms

laptop_macRegistration

schoolAYSOU

folder_specialCommunity Resources

• calendar_month

  AYSO National CalendarKey dates and events

  arrow_forward
• campaign

  Marketing AssetsLogos and guides

  arrow_forward