home/discussion adaptive page

src/components/SideBar.svelte

@@ -28,7 +28,7 @@
 </style>
 
 <!-- markup (zero or more items) goes here -->
-<div class="sidebar-root p-5 w-100 border border-1 border-gray rounded-md mt-12">
+<div class="sidebar-root p-5 w-100 border border-1 border-gray rounded-md md:mt-12">
   <h4 class="border-b border-gray text-base font-bold pb-1">Самые полезные</h4>
   {#each contributors as contributor}
     <a class="flex pt-3" href="/{contributor.name}">

src/routes/_layout.svelte

@@ -27,7 +27,7 @@
 
 <Nav {segment}/>
 
-<main class="flex justify-evenly">
+<main class="flex max-w-screen-xl">
   <slot></slot>
 	<SideBar />
 </main>

src/routes/index.svelte

@@ -115,7 +115,7 @@
 <svelte:head>
 	<title>Unidiscuss - Help students in your university</title>
 </svelte:head>
-<div class="w-1/2 mx-auto mb-20">
+<div class="md:w-1/2 mx-auto md:mb-20">
   <div class="flex justify-end mb-5">
     <NewQuestion />
   </div>