Skip to content

[BUG] Custom Ratio Card Misaligned in Preset Grid #1042

Description

@shrutisharma-sh

Description
In the aspect ratio preset selector, the "Custom" card is visually misaligned compared to the other ratio cards in the grid. It appears shifted/offset, breaking the uniform grid layout.

Steps to Reproduce

  1. Open the Reframe app
  2. Navigate to the preset selector panel on the right
  3. Observe the "Custom Set your own" card in the last row of the grid

Expected Behavior
The Custom card should align consistently with all other ratio cards (16:9, 21:9, 47:10, etc.) in the same grid system uniform size, spacing, and position.

Actual Behavior
The Custom card is misaligned it sits out of grid rhythm with inconsistent spacing relative to the neighboring cards (17:9 DCI 2K).

Possible Cause
Likely a CSS grid/flexbox alignment issue on the last row — the Custom card may be missing a consistent width, min-width, or grid-column constraint that the other cards inherit.

Metadata

Metadata

Assignees

Labels

bugSomething isn't working correctlygssoc'26GirlScript Summer of Code 2026level:beginnerBeginner level - 20 ptstype:bugBug fixtype:designUI/UX design

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions