Grid section for displaying feature cards with heading and description.

Provides a responsive grid layout with an optional title and description header. Use as a container for feature cards, benefit blocks, or any repeated content that benefits from a grid layout.

Examples

<.feature_section title="Features" description="Everything you need." columns={3}>
  <div>Feature 1</div>
  <div>Feature 2</div>
  <div>Feature 3</div>
</.feature_section>

<.feature_section columns={2} align={:start}>
  <div>Left-aligned feature grid</div>
  <div>With two columns</div>
</.feature_section>