From 9e47fa7dcf2ac9230d79ec4d9a1b8fe3f92230cb Mon Sep 17 00:00:00 2001
From: counterweight <counterweightoperator@protonmail.com>
Date: Thu, 22 May 2025 17:15:12 +0200
Subject: [PATCH] swtuff

---
 src/App.jsx                     | 17 ++++++++++++++---
 src/components/AppHeader.jsx    |  2 +-
 src/components/AppSubHeader.jsx |  6 +++---
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 91694c5..3abc059 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -3,8 +3,8 @@ import AppSubHeader from "./components/AppSubHeader";
 
 const App = () => {
   return (
-    <>
-      <div className="flex">
+    <div className="flex flex-col justify-center items-center ">
+      <div className="flex flex-col justify-center items-center my-5">
         <div>
           <AppHeader />
         </div>
@@ -12,7 +12,18 @@ const App = () => {
           <AppSubHeader />
         </div>
       </div>
-    </>
+      <div></div>
+      <form className="flex flex-col justify-end items-end my-5">
+        <label htmlFor="">
+          Capital prestado
+          <input type="number" />
+        </label>
+        <label htmlFor="">
+          Meses
+          <input type="number" />
+        </label>
+      </form>
+    </div>
   );
 };
 
diff --git a/src/components/AppHeader.jsx b/src/components/AppHeader.jsx
index 76dd423..92428d8 100644
--- a/src/components/AppHeader.jsx
+++ b/src/components/AppHeader.jsx
@@ -1,5 +1,5 @@
 const Header = () => {
-  return <h1 className="text-3xl font-bold">Kuotata</h1>;
+  return <p className="text-3xl font-bold">Kuotata</p>;
 };
 
 export default Header;
diff --git a/src/components/AppSubHeader.jsx b/src/components/AppSubHeader.jsx
index 0637c65..b4f9b98 100644
--- a/src/components/AppSubHeader.jsx
+++ b/src/components/AppSubHeader.jsx
@@ -1,8 +1,8 @@
-const Subheader = () => {
+const Subheader = ({ extraClassName }) => {
   return (
     <>
-      <h3>¿Jaqueca con tu préstamo?</h3>
-      <h3>Calcula, compara y decide</h3>
+      <p className={`text-xl`}>¿Jaqueca con tu préstamo?</p>
+      <p className={`text-xl`}>Calcula, compara y decide</p>
     </>
   );
 };