From 50044897407ec5467fbf270930ba94f7228eebe1 Mon Sep 17 00:00:00 2001
From: Leonardo Matos <leomp120894@gmail.com>
Date: Fri, 15 Dec 2023 18:26:54 -0300
Subject: [PATCH] Reduce content sections vertical spacing and add big botton
 margin to hero

---
 functions/ssr/src/components/HeroSlider.vue | 2 +-
 functions/ssr/src/main/Sections.astro       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/functions/ssr/src/components/HeroSlider.vue b/functions/ssr/src/components/HeroSlider.vue
index 3cef3cd3..dc308d10 100644
--- a/functions/ssr/src/components/HeroSlider.vue
+++ b/functions/ssr/src/components/HeroSlider.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="relative mx-auto">
+  <section class="relative mx-auto mb-9 md:mb-12">
     <Carousel :autoplay="autoplay" class="secondary [&>*]:items-center">
       <li
         v-for="(slide, i) in slides"
diff --git a/functions/ssr/src/main/Sections.astro b/functions/ssr/src/main/Sections.astro
index c3da4e30..e88ac4dc 100644
--- a/functions/ssr/src/main/Sections.astro
+++ b/functions/ssr/src/main/Sections.astro
@@ -21,7 +21,7 @@ const { isHomepage } = routeContext;
 cause route resource is required to define sections from content. */
 ---
 
-<article class="my-9 md:my-12">
+<article class="mt-6 mb-9 md:mt-8 md:mb-12">
   {sections.map(async ({ type, props }) => {
     switch (type) {
       case 'product-shelf':