adds basic layout

src/App.js

@@ -1,11 +0,0 @@
-import React from 'react';
-
-const App = () => {
-  return (
-    <h1 className="text-3xl font-bold underline  ">
-      Welcome to React App thats build using Webpack and Babel separately
-    </h1>
-  );
-};
-
-export default App;

src/App.jsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+const App = () => {
+
+  return (
+    <div className="flex h-screen">
+      <div className="w-80 bg-slate-800"></div>
+      <div className="flex h-full w-full flex-col bg-gray-50 ">
+        <div className="flex-1 overflow-y-auto"></div>
+        <textarea className="m-10 h-16 p-4" />
+      </div>
+    </div>
+  );
+};
+
+export default App;

src/style.css

@@ -1,3 +1,8 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+* {
+  box-sizing: border-box;
+  outline: 1px solid limegreen !important;
+}