From 2c03d1e361dd70aa6fcfce80310a1baf268aab7d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mar=C3=ADa?= <mherrezuelo94@hotmail.com>
Date: Wed, 1 Oct 2025 10:35:48 +0200
Subject: [PATCH] amend mobile issues

---
 components/SectionWithCardsAndForm.vue | 6 +++---
 layouts/default.vue                    | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/SectionWithCardsAndForm.vue b/components/SectionWithCardsAndForm.vue
index ee3958b..a7be076 100644
--- a/components/SectionWithCardsAndForm.vue
+++ b/components/SectionWithCardsAndForm.vue
@@ -1,11 +1,11 @@
 <template>
   <section 
   :id="id"
-  class="rounded-3xl mb-8 px-8 md:px-4 pt-12 pb-16 md:p-16 md:pb-24 bg-gradient-certifica"
+  class="rounded-3xl mb-8 md:px-4 pt-12 pb-16 md:p-16 md:pb-24 bg-gradient-certifica"
   >
-  <div class="flex flex-col gap-8 justify-center items-center container mx-auto">
+  <div class="flex flex-col gap-8 justify-center items-center sm:container sm:mx-auto px-4 sm:px-0">
     <div 
-    class=" text-center"
+    class="text-center "
     :class="{
       'flex flex-col justify-center items-center w-full': titlePosition === 'center',
       'flex flex-col items-start w-full': titlePosition === 'left',
diff --git a/layouts/default.vue b/layouts/default.vue
index b0e3f1f..4036dee 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,10 +1,10 @@
 <template>
   <div>
-    <header class="mx-4 sm:mx-8">
+    <header class="md:mx-8">
       <NavBar />
     </header>
 
-    <main class="min-h-dvh">
+    <main class="min-h-dvh mx-0">
       <slot />
       <!-- <div class="fixed bottom-0 right-0 z-50 p-2">
         <ButtonCTA @click="changeLang" >