add footer

src/routes/+layout.svelte

@@ -8,7 +8,7 @@
 
 <slot />
 
-<!-- <Footer/> -->
+<Footer/>
 
 <style>
 

src/routes/Footer.svelte

@@ -1,6 +1,13 @@
 <footer class="bg-white">
-    <hr>
+    <!-- <hr> -->
-    <nav class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" aria-label="Global">
+    <nav class="mx-auto max-w-2xl px-4 py-4 sm:px-6 sm:py-4 lg:max-w-7xl lg:px-8" aria-label="Global">
-        <p>Copyright © <a href="/">always delicious</a> 2023</p>
+        <p class="text-center">Copyright © 2023 <a href="/">always delicious</a> All rights reserved.</p>
     </nav>
 </footer>
+
+<style>
+    a {
+        color: #64aa34;
+        text-decoration: underline;
+    }
+</style>

src/routes/Header.svelte

@@ -65,7 +65,6 @@
 
 
 <!-- todo:
-  мобильная вёрстка
   донат
   поиск
   красивая ошибка при загрузке

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

@@ -29,7 +29,7 @@
     {:then data}
         <div>
             <!-- time / cals / protions -->
-            <div id="info" class="mt-4 flex flex-col md:flex-row">
+            <div id="info" class="flex flex-col md:flex-row">
                 <div class="flex flex-row">
                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                         <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" />
@@ -73,10 +73,10 @@
             </div>
             <div class="recipe_container flex-col lg:flex-row">
                 <!-- ingredients -->
-                <div id="ingredients" class="content-center">
+                <div id="ingredients">
                     <!-- ing -->
                     {#each data.data.recipe.ingredients as ingredients}
-                        <div>
+                        <div class="text-lg">
                             <b><h5>{ingredients.Title}</h5></b>
                             <ul>
                                 {#each ingredients.Ingredients as ingredient}
@@ -87,7 +87,7 @@
                     {/each}
                 </div>
                 <!-- steps -->
-                <div id="steps">
+                <div id="steps" class="text-lg">
                     <b><h5>Как приготовить {data.data.recipe.title.toLowerCase()}</h5></b>
                     <ol class="list-outside list-decimal list-image-none">
                         {#each data.data.recipe.recipe_steps as step}
@@ -98,7 +98,7 @@
             </div>
             <!-- advices -->
             {#if data.data.recipe.advices !== undefined}
-            <div id="advices">
+            <div id="advices" class="text-lg">
                 <b><h5>Советы</h5></b>
                 <ul>
                     {#each data.data.recipe.advices as advice}