feat: Made both sides scroblle

ResumeGeneratorCSS.css

@@ -6,12 +6,18 @@ body {
     background-color: #f7f7f7;
     margin: 0;
     padding: 0;
+    height: 100vh; /* Full viewport height */
+    overflow: hidden; /* Disable body scrolling */
 }
 
 .container-fluid {
     padding: 30px;
-    width: 100%; /* Ensure it takes the full width */
+    width: 100%; /* Full width */
     box-sizing: border-box;
+    display: flex; /* Flexbox for side-by-side layout */
+    gap: 20px; /* Space between form and template */
+    height: 100vh; /* Full height of viewport */
+    overflow: hidden; /* Prevent container scrolling */
 }
 
 /* Form Styles */
@@ -21,6 +27,11 @@ body {
     border: 1px solid #d1d1d1;
     padding: 30px;
     margin-bottom: 30px;
+    overflow-y: auto; /* Vertical scroll */
+    overflow-x: hidden; /* Prevent horizontal scroll */
+    flex: 1; /* Allow the form to grow */
+    height: 100%; /* Full height to trigger scroll */
+    max-height: 100%; /* Constrain height to container */
 }
 
 .form-control {
@@ -65,6 +76,11 @@ body {
     border: 1px solid #d1d1d1;
     padding: 30px;
     margin-bottom: 30px;
+    overflow-y: auto; /* Vertical scroll */
+    overflow-x: hidden; /* Prevent horizontal scroll */
+    flex: 1; /* Allow the template to grow */
+    height: 100%; /* Full height */
+    max-height: 100%; /* Constrain height */
 }
 
 /* Set the heading background to lightgray and text to black */