fix layout balance for docs/home on tablet and mobile

[ritorhymes]

Description

1. The cards on mobile are positioned to be centered but appear noticeably offset to the left due to padding applied on the right side only, throwing off the visual balance. Removing it on the tablet and mobile breakpoint so neither side has padding eliminates the offset to center the cards proportionally; there is already sufficient space around the cards, so adding proportional padding to the left side instead does not seem the preferred approach.

2. Each card's button width is the same size on desktop, but on mobile and tablet screens, the button sizes vary, and especially since cards are generally expected to appear uniform, it looks visually unbalanced rather than a deliberate stylistic choice. On mobile and tablet, because all the cards' content are aligned to the left creating significant whitespace on the right side, I felt the natural solution in achieving uniformity is to allow all the buttons to span the entire card width and fill parts of that whitespace.

The result of the fixes should be a more purposeful and uniform card layout on tablet and mobile.

The fixes are in _documentation.scss to:

• remove padding causing offset to properly center the cards on mobile.
• make button width consistent on tablet and mobile screens by spanning full card width.

Before and After

Before - centering

After - centering

Before - button width

After - button width

[k8s-ci-robot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please assign lmktfy for approval. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Details

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[netlify]

✅ Pull request preview available for checking

Built without sensitive environment variables

Name	Link
🔨 Latest commit	1c13cd5
🔍 Latest deploy log	https://app.netlify.com/projects/kubernetes-io-main-staging/deploys/68d12a0cf0810300085b6d26
😎 Deploy Preview	https://deploy-preview-52485--kubernetes-io-main-staging.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[k8s-ci-robot]

PR needs rebase.

Details

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes-sigs/prow repository.