fix: format

src/index.css

@@ -5,12 +5,12 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-   width: 100%;
-   height: 100%;
-   margin: 0;
-   padding: 0;
-   scrollbar-gutter: stable;
-   overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  scrollbar-gutter: stable;
+  overflow: hidden;
 }
 
 code {
@@ -19,41 +19,33 @@ code {
 }
 
 #browser-content {
-  height: 100vh; /* Ensure it takes the full viewport height */
+  height: 100%;
+  width: 100%;
   display: flex;
-  flex-direction: column; /* Stack children vertically */
-}
-
-.right-side-panel {
-  overflow-y: auto; /* Enable vertical scrolling */
-  height: 100%; /* Full height of its parent */
+  flex-direction: column;
+  transform: scale(1); /* Ensure no scaling */
+  transform-origin: top left; /* Keep the position fixed */
 }
 
 #browser-window {
-  overflow-y: auto; /* Allow vertical scrolling within this component */
-  height: 100%; /* Set to 100% of parent height */
-  max-height: calc(100vh - @media (max-width: 1200px) {
+  overflow-y: auto;
+  height: 100%;
+}
+
+@media (max-width: 1200px) {
   #browser-content {
-    flex-direction: column; /* Stack them vertically on smaller screens */
+    flex-direction: column;
   }
 
   .right-side-panel {
-    height: auto; /* Allow it to adjust its height */
+    height: auto;
   }
 }
 
-/* Ensure proper spacing */
 .right-side-panel {
   overflow-y: auto;
-  height: 100%; /* Full height of its parent */
-  margin: 0; /* Adjust margin as needed */
+  height: 100%;
+  margin: 0;
+  transform: scale(1);
+  transform-origin: top left;
 }
-
-/* Adjust padding in grid items */
-.Grid {
-  padding: 8px; /* Add some padding for inner spacing */
-}
-<height_of_fixed_elements>); /* Adjust based on your fixed elements */
-}
-
-