Skip to content

feat(home): add configurable cols to services component #3853

Closed

Description

@PierreBrisorgueil

Context

The services component grid is hardcoded to 3 columns (md="4"). When the item count doesn't match (e.g. 4 items), the last item sits alone on a new row, breaking visual balance.

Proposal

Add a cols config option to home.services.component.vue:

services: {
  cols: 4, // 2, 3, 4, or 6 — default: 3
  content: [...]
}

Implementation:

  • Replace hardcoded md="4" with md="setup.cols ? 12 / setup.cols : 4"
  • Validate: cols must divide 12 evenly (2, 3, 4, 6)
  • Keep existing responsive behavior (full width on mobile)

Benefit

Allows matching grid layout to content count without orphan items.

Activity

  1. added a commit that references this issue on Apr 4, 2026
    b6b7a9d
  2. added a commit that references this issue on May 1, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions