[Bug] Tech Stack Breaks on wide Screen #1
Description
The Tech Stack section of the website layout breaks when viewed on ultra-wide screens such as 3400×1440 resolution.
Expected Behavior
The tech stack components should remain properly aligned and responsive across all screen sizes, including ultra-wide monitors.
Current Behavior
On very wide displays:
- The layout stretches incorrectly.
- Elements become misaligned or spaced improperly.
- Some components may overflow or leave excessive empty space.
Steps to Reproduce
- Open the website on a display with resolution 3400×1440 (or simulate it using browser developer tools).
- Navigate to the Tech Stack section.
- Observe the layout breaking or misalignment.
Possible Cause
This might be caused by:
- Missing max-width constraints
- Improper flex/grid behavior
- Lack of responsive breakpoints for ultra-wide screens
Suggested Fix
- Add a max-width container for the section.
- Improve responsive behavior for large breakpoints (e.g., "2xl", "3xl").
- Test layout scaling on ultra-wide displays.
Environment
- Resolution: 3400×1440
- Browser: Any modern browser
- Device: Ultra-wide monitor
