User Story

As an end-user, when I view a Grid on a narrow-width page, I hope it's more responsive e.g. merge those columns content into 1 column.

from https://codepen.io/smashingmag/pen/bGKBNNr

Acceptance Criteria

• provide a built-in policy for responsive design: stacking

• <grid responsive="stacking"/>
  

• developers can disable this policy if they want to implement their own responsive patterns.

  <grid responsive="none"/>
  

Details

• listbox might need the same feature
• if we cannot implement the proposed solution, we can consider other responsive designs, see https://www.smashingmagazine.com/2022/12/accessible-front-end-patterns-responsive-tables-part1/