From 8c9a8507c808c0b494a5ab47a14a4459fa3f6b45 Mon Sep 17 00:00:00 2001
From: Neeldhara Misra <neeldhara.misra@gmail.com>
Date: Sun, 20 Jul 2025 10:46:11 +0530
Subject: [PATCH] Fix width consistency across standalone interactive pages

- Update all standalone pages to use consistent container width
- Replace max-w-6xl with container mx-auto for better responsiveness
- Ensure identical width between standalone and theme page access
- Fix BinarySearchTrick and TernarySearchTrick standalone pages
- Update green screen versions for consistency
---
 src/pages/BinarySearchTrickGreenScreen.tsx  | 2 +-
 src/pages/BinarySearchTrickPage.tsx         | 6 +++---
 src/pages/TernarySearchTrickGreenScreen.tsx | 2 +-
 src/pages/TernarySearchTrickPage.tsx        | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/BinarySearchTrickGreenScreen.tsx b/src/pages/BinarySearchTrickGreenScreen.tsx
index 8f96ac9..9019b26 100644
--- a/src/pages/BinarySearchTrickGreenScreen.tsx
+++ b/src/pages/BinarySearchTrickGreenScreen.tsx
@@ -8,7 +8,7 @@ const BinarySearchTrickGreenScreen = () => {
 
   return (
     <GreenScreenWrapper mode={greenScreenMode}>
-      <div className="space-y-6">
+      <div className="container mx-auto px-4 py-8">
         <BinarySearchTrick showSocialShare={false} />
       </div>
     </GreenScreenWrapper>
diff --git a/src/pages/BinarySearchTrickPage.tsx b/src/pages/BinarySearchTrickPage.tsx
index 75da09d..d77238b 100644
--- a/src/pages/BinarySearchTrickPage.tsx
+++ b/src/pages/BinarySearchTrickPage.tsx
@@ -2,9 +2,9 @@ import BinarySearchTrick from '@/components/BinarySearchTrick';
 
 const BinarySearchTrickPage = () => {
   return (
-    <div className="min-h-screen bg-background p-6">
-      <div className="max-w-7xl mx-auto">
-        <BinarySearchTrick />
+    <div className="min-h-screen bg-background">
+      <div className="container mx-auto px-4 py-8">
+        <BinarySearchTrick showSocialShare={true} />
       </div>
     </div>
   );
diff --git a/src/pages/TernarySearchTrickGreenScreen.tsx b/src/pages/TernarySearchTrickGreenScreen.tsx
index 1875cf8..9e6a533 100644
--- a/src/pages/TernarySearchTrickGreenScreen.tsx
+++ b/src/pages/TernarySearchTrickGreenScreen.tsx
@@ -8,7 +8,7 @@ const TernarySearchTrickGreenScreen = () => {
 
   return (
     <GreenScreenWrapper mode={greenScreenMode}>
-      <div className="space-y-6">
+      <div className="container mx-auto px-4 py-8">
         <TernarySearchTrick showSocialShare={false} />
       </div>
     </GreenScreenWrapper>
diff --git a/src/pages/TernarySearchTrickPage.tsx b/src/pages/TernarySearchTrickPage.tsx
index b99bd4c..4698e1d 100644
--- a/src/pages/TernarySearchTrickPage.tsx
+++ b/src/pages/TernarySearchTrickPage.tsx
@@ -2,8 +2,8 @@ import TernarySearchTrick from '@/components/TernarySearchTrick';
 
 const TernarySearchTrickPage = () => {
   return (
-    <div className="min-h-screen bg-background flex items-center justify-center">
-      <div className="w-full max-w-6xl px-4 py-8">
+    <div className="min-h-screen bg-background">
+      <div className="container mx-auto px-4 py-8">
         <TernarySearchTrick showSocialShare={true} />
       </div>
     </div>