ts
| Guidance | Practices |
|---|---|
| Do | Use responsive columns for layouts that should adapt to screen size: columns={{minWidth: 280}}. |
| Do | Cap the column count with max to prevent rows from getting too wide on large screens. |
| Do | Use repeat: 'fill' (the default) for consistent item widths. Use 'fit' when items should stretch to fill leftover space. |
| Don't | Write manual CSS grid; Grid handles spacing and responsive behavior for you. |
| Don't | Use HStack with wrapping for grids; use Grid instead. |