Adjust layout to prevent content from stretching edge-to-edge

Modify the maximum width of the category rows and the main content area to improve visual presentation and prevent horizontal overflow on larger screens. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/3f1nxbo
2025-09-01 17:28:04 +00:00
parent 8142601cea
commit da0c8f1df9
2 changed files with 2 additions and 2 deletions
@@ -248,7 +248,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
          ref={scrollRef}
          className="flex gap-4 overflow-x-auto pl-4 pr-4"
          style={{ 
-            maxWidth: '960px', 
+            maxWidth: '1200px', 
            margin: '0 auto', 
            scrollbarWidth: 'none', 
            msOverflowStyle: 'none'