new changes

2023-10-30 14:00:03 +05:30
parent ce7bdeb3e9
commit 9031b176da
10 changed files with 284 additions and 45 deletions
--- a/split_screen.html
+++ b/split_screen.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <style>
+        /* Create a two-column layout */
+        .container {
+            display: flex;
+            width: 100%;
+        }
+
+        /* Style for the left column (half) */
+        .left-column {
+            flex: 1;
+            padding: 20px;
+            background-color: #f0f0f0;
+        }
+
+        /* Style for the right column (half) */
+        .right-column {
+            flex: 2;
+            padding: 20px;
+            background-color: #e0e0e0;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="left-column">
+            <!-- Items for the left half of the screen -->
+            <h2>Left Half</h2>
+            <p>This is the left half of the screen.</p>
+        </div>
+        <div class="right-column">
+            <!-- Items for the right half of the screen -->
+            <h2>Right Half</h2>
+            <p>This is the right half of the screen.</p>
+        </div>
+    </div>
+</body>
+</html>