beautifulize

src/routes/+page.svelte

@@ -41,7 +41,7 @@
 </script>
 
 <div class="bg-white">
-  <div class="mx-auto max-w-2xl px-4 py-16 sm:px-6 sm:py-24 lg:max-w-7xl lg:px-8">
+  <div class="mx-auto max-w-2xl px-4 py-8 sm:px-6 sm:py-16 lg:max-w-7xl lg:px-8">
     <h2 class="sr-only">Рецепты</h2>
     {#await recipes_p}
       <LoadingScreen/>
@@ -49,7 +49,7 @@
       <div class="mb-10">
         {#if last_recipe != undefined}
           <!-- <h2>Новый рецепт</h2> -->
-          <div class="flex flex-col-reverse md:flex-row gap-6">
+          <div class="flex flex-col-reverse lg:flex-row gap-6">
             <div class="flex-1">
               <h3 class="text-3xl box-border mb-5">{last_recipe.title}</h3>
               <p>{last_recipe.desc}</p>

src/routes/recipe/[recipeid]/+page.svelte

@@ -145,7 +145,7 @@
 
     .mainimg {
         flex: 1 0;
-        border: dashed blue 1px;
+        /* border: dashed blue 1px; */
     }
 
     .mainimg img {