# `PhiaUi.Components.Marketing.FeatureSection`
[🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phia_ui/components/marketing/feature_section.ex#L1)

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>

# `feature_section`

Renders a responsive feature grid section with optional heading and description.
## Attributes

* `title` (`:string`) - Defaults to `nil`.
* `description` (`:string`) - Defaults to `nil`.
* `columns` (`:integer`) - Defaults to `3`.
* `align` (`:atom`) - Defaults to `:center`. Must be one of `:center`, or `:start`.
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block` (required) - Feature card children.

---

*Consult [api-reference.md](api-reference.md) for complete listing*