Tailwind, side barr, add new component button, layour of route

src/routes/_layout.svelte

@@ -1,22 +1,35 @@
 <script>
+	import Tailwindcss from '../components/Tailwindcss.svelte';
 	import Nav from '../components/Nav.svelte';
+  import SideBar from "../components/SideBar.svelte";
 
 	export let segment;
 </script>
 
 <style>
 	main {
-		position: relative;
-		max-width: 56em;
+    display: flex;
 		background-color: white;
-		padding: 2em;
+		padding: 15px 2em;
 		margin: 0 auto;
 		box-sizing: border-box;
 	}
+
+  @media only screen and (max-width : 768px) {
+    main {
+      flex-direction: column;
+      align-items: center;
+      padding: 10px;
+    }
+  }
 </style>
 
+<Tailwindcss />
+
 <Nav {segment}/>
 
 <main>
-	<slot></slot>
-</main>
+  <slot></slot>
+	<SideBar />
+</main>
+