diff --git a/GomezMorinFrontEnd/src/pages/Login/index.jsx b/GomezMorinFrontEnd/src/pages/Login/index.jsx
index c6adc45..8c8a976 100644
--- a/GomezMorinFrontEnd/src/pages/Login/index.jsx
+++ b/GomezMorinFrontEnd/src/pages/Login/index.jsx
@@ -29,9 +29,9 @@ const Login = () => {
   };
 
   return (
-    <div className="w-full h-full grid grid-cols-1 md:grid-cols-2 ">
+    <div className="w-full grid grid-cols-1 lg:grid-cols-2 md:grid-cols-1 ">
       <div className=" h-full  mx-14 mt-4">
-        <div className=" flex justify-start mt-8 ml-32">
+        <div className=" flex lg:justify-start md:justify-center sm:justify-start lg:ml-32 ml-32 md:ml-5 mt-8">
           <IconTitle image={hexagono} headerText="Iniciar Sesión" />
         </div>
         <FormProvider {...methods}>
@@ -78,7 +78,7 @@ const Login = () => {
           </form>
         </FormProvider>
       </div>
-      <div className="md:flex-1 md:bg-login md:bg-cover md:bg-center md:bg-no-repeat md:h-screen"></div>
+      <div className="lg:flex-1 lg:bg-login lg:bg-cover lg:bg-center lg:bg-no-repeat lg:h-screen"></div>
     </div>
   );
 };
diff --git a/GomezMorinFrontEnd/src/pages/Register/index.jsx b/GomezMorinFrontEnd/src/pages/Register/index.jsx
index df1f470..ac8c3c7 100644
--- a/GomezMorinFrontEnd/src/pages/Register/index.jsx
+++ b/GomezMorinFrontEnd/src/pages/Register/index.jsx
@@ -42,14 +42,14 @@ const Register = () => {
   };
 
   return (
-    <div className="w-full h-full grid xl:grid-cols-2 lg:grid-cols-2 md:grid-cols-2 sm:grid-cols-1 mb-6">
-      <div className=" h-full grid grid-rows-7 mx-14 mt-4">
+    <div className="w-full grid lg:grid-cols-2 md:grid-cols-1 sm:grid-cols-1 mb-6">
+      <div className="h-full grid grid-rows-7 mx-14 mt-4">
         <div className="flex justify-center ">
           <IconTitle image={hexagono} headerText="Registrarse" />
         </div>
         <FormProvider {...methods}>
           <form onSubmit={methods.handleSubmit(onSubmitUser)}>
-            <div className="">
+            <div>
               <CheckBoxInput
                 label="Soy persona moral"
                 name="isMoralRegister"
@@ -126,7 +126,7 @@ const Register = () => {
           </form>
         </FormProvider>
       </div>
-      <div className="md:flex-1 md:bg-login md:bg-cover md:bg-center md:bg-no-repeat md:h-screen"></div>
+      <div className="lg:flex-1 lg:bg-login lg:bg-cover lg:bg-center lg:bg-no-repeat lg:h-screen"></div>
     </div>
   );
 };