perf(SignLayout): cambios de clases

src/components/SignLayout.vue

@@ -5,14 +5,14 @@
 <template>
     <div class="d-flex flex-column min-vh-100 bg-custom">
         <div class="container flex-grow-1 d-flex align-items-center justify-content-center">
-            <div class="row w-100 justify-content-center">
-                <section class="col-md-5 text-center mb-4 mb-md-0 align-content-center">
+            <div class="row w-100 justify-content-center gx-5">
+                <section class="col-12 col-lg-5 text-center mb-4 mb-lg-0 align-content-center">
                     <div class="logo">
                         <img src="/src/assets/logo.jpg" alt="Logo" />
                     </div>                    
                     <p class="mt-4">Tu colección personal de recetas siempre a un click.</p>
                 </section>
-                <section class="col-md-5 text-center ms-4">
+                <section class="col-12 col-lg-5 text-center">
                     <div class="form-signin w-100 h-100 form-style">
                         <div>
                             <slot></slot>
@@ -32,11 +32,6 @@
     height: calc(100% - 40px);
 }
 
-/* .form-style {
-    max-width: 400px;
-    margin: auto;
-} */
-
 p {
     font-family: sans-serif;
     color: #000;