Skip to content

Fix capability box height consistency#275

Open
Martinnn674 wants to merge 1 commit into
ProjectEvergreen:masterfrom
Martinnn674:codex/fix-capability-box-heights
Open

Fix capability box height consistency#275
Martinnn674 wants to merge 1 commit into
ProjectEvergreen:masterfrom
Martinnn674:codex/fix-capability-box-heights

Conversation

@Martinnn674
Copy link
Copy Markdown

Summary

  • Switch the capability section to a two-column CSS grid at desktop breakpoints.
  • Stretch grid rows and the inner capability cards so the boxes stay the same height across the desktop layout.
  • Keep the 1200px breakpoint from shrinking the card minimum height below the 1024px layout.

Fixes #259

Verification

  • npm.cmd run lint:css
  • npm.cmd run format:check -- docs/styles/home.css docs/components/capability-box/capability-box.module.css
  • npm.cmd run test:docs
  • Playwright layout check against the local docs site: capability card heights were uniform at 1024px, 1200px, and 1440px.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

capabilities boxes don't have consistent heights across breakpoints

1 participant