Layout overflow and viewport fitting issues in Copi game engine page

[brainstrom286]

Overview

While testing the Copi game engine page (https://cornucopia.owasp.org/copi), I observed that parts of the layout do not fit properly within the viewport — even on standard laptop/desktop screen resolutions.

Certain UI elements extend beyond the visible screen area, requiring horizontal scrolling and affecting overall usability.

Observed Behavior

• Horizontal overflow on standard desktop/laptop resolutions
• Some UI components extend beyond the viewport boundaries
• Layout does not fully fit within the visible screen area

Expected Behavior

The game engine interface should:

• Fit entirely within the viewport on common desktop/laptop resolutions
• Avoid horizontal scrolling
• Maintain proper alignment and spacing of interactive elements

If this aligns with project priorities, I would be happy to investigate and work on a fix.

[brainstrom286]

@sydseter , kindly tell me whether I can work on this ?

[sydseter]

@brainstrom286 Thank you for your time! I have assigned you.

[Arunodoy18]

Hi 👋

I’d like to work on this if it’s available.

From the description, this appears to be caused by layout constraints (likely fixed widths, overflow handling, or grid/flex misconfiguration) that are not adapting properly to standard desktop viewport sizes.

Proposed approach:

• Reproduce the issue on common resolutions (1366x768, 1440x900, 1920x1080).
• Inspect overflow behavior using browser dev tools.
• Identify fixed-width containers or components exceeding 100vw.
• Refactor layout using responsive CSS (flex/grid adjustments, max-width constraints, overflow-x handling).
• Ensure no horizontal scrolling on standard desktop breakpoints.
• Validate responsiveness without affecting mobile layout.

I’ll aim for a minimal, clean fix without introducing major layout changes.

Please let me know if I can proceed.