Added mid section

Author: Einsteinia11

index.html

@@ -61,7 +61,23 @@ <h1>Hey it is a open source project , You can Contribute here.</h1>
 
 
       <!-- Middle section -->
+      <div class="container">
+        <!-- Left Section -->
+        <div class="left-section">
+            <h2>Left Section</h2>
+            <p>This is the left section content.</p>
+        </div>
+        
+        <!-- Right Section with Scrollbar -->
+        <div class="right-section">
+            <h2>Right Section</h2>
+            <div class="scrollable-content">
+
+                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi.</p>
 
+            </div>
+        </div>
+      </div>
 
       <!-- footer -->
 

style.css

@@ -0,0 +1,30 @@
+/* Reset some default styles */
+body, h2, p {
+    margin: 0;
+    padding: 0;
+}
+
+/* Main container styles */
+.container {
+    display: flex;
+}
+
+/* Left section styles */
+.left-section {
+    flex: 1; /* Takes up 1/3 of the container width */
+    background-color: #f5f5f5;
+    padding: 20px;
+    border-right: 1px solid #ddd;
+}
+
+/* Right section styles */
+.right-section {
+    flex: 2; /* Takes up 2/3 of the container width, making it wider */
+    padding: 20px;
+    overflow-y: auto; /* Add a scrollbar if content exceeds the container height */
+}
+
+/* Scrollable content styles */
+.scrollable-content {
+    max-height: 400px; /* Adjust the maximum height as needed */
+}