Prevent content from extending beyond the screen boundaries

Add `overflow-x: hidden` and `max-width: 100vw` to html and body tags in `index.css` to prevent horizontal scrolling and ensure all content remains within the viewport.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 11a72e25-03dd-4902-a543-aa791d5ff46d
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/aNXfGlM
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-03-07 15:57:24 +00:00
parent a96c06e7be
commit 90150c3804

View File

@ -2,6 +2,11 @@
@tailwind components;
@tailwind utilities;
html, body {
overflow-x: hidden;
max-width: 100vw;
}
.fc-consent-root,
.fc-dialog-container,
.fc-dialog-overlay,