Skip to content

fix(copi): prevent horizontal overflow in game engine layout #2378

Open
Arunodoy18 wants to merge 1 commit intoOWASP:masterfrom
Arunodoy18:fix/2334-copi-layout-overflow
Open

fix(copi): prevent horizontal overflow in game engine layout #2378
Arunodoy18 wants to merge 1 commit intoOWASP:masterfrom
Arunodoy18:fix/2334-copi-layout-overflow

Conversation

@Arunodoy18
Copy link

Summary

Fixes horizontal overflow in the Copi game engine layout that caused UI elements to extend beyond the viewport on standard desktop resolutions.

Closes #2334.

Problem

The game engine page introduced horizontal scrolling on common desktop/laptop resolutions due to layout overflow. Certain components exceeded the viewport width, impacting usability.

Changes

  • Adjusted container width constraints to prevent overflow.
  • Ensured layout respects max-width: 100%.
  • Refined flex/grid behavior to avoid exceeding viewport boundaries.
  • Verified no regression on mobile layouts.

Result

  • No horizontal scrolling on standard desktop resolutions.
  • Layout fits within viewport.
  • Improved usability and alignment consistency.

Tested On

  • 1366×768
  • 1440×900
  • 1920×1080

No functional logic changes were made — UI-only fix.

@sydseter
Copy link
Collaborator

@Arunodoy18 Make sure your commits have a verified signature.

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.

Layout overflow and viewport fitting issues in Copi game engine page

2 participants