primer intento de arreglar el footer

This commit is contained in:
fede
2025-02-27 16:59:21 -03:00
parent 31322352f6
commit 97b97c0335

View File

@@ -6,7 +6,8 @@
<title>Recetario</title> <title>Recetario</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
</head> </head>
<body class="bg-gray-100"> <body class="bg-gray-100 h-screen ">
<div class="flex flex-col h-fit">
<header class="bg-green-600 text-white p-6"> <header class="bg-green-600 text-white p-6">
<h1 class="text-3xl font-bold">Recetario Fede</h1> <h1 class="text-3xl font-bold">Recetario Fede</h1>
<nav class="mt-4"> <nav class="mt-4">
@@ -42,8 +43,9 @@
</ul> </ul>
</nav> </nav>
</header> </header>
</div>
<main class="p-6"> <main class="p-6 flex-1 overflow-auto">
<section class="mb-8"> <section class="mb-8">
<h2 class="text-2xl font-semibold mb-4">Recetas Destacadas</h2> <h2 class="text-2xl font-semibold mb-4">Recetas Destacadas</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
@@ -54,7 +56,7 @@
</main> </main>
<footer class="bg-gray-800 text-white p-4 text-center"> <footer class="bg-gray-800 text-white p-4 text-center">
<p>&copy; 2023 Recetario Fede</p> <p>&copy; 2025 Recetario Fede</p>
</footer> </footer>
</body> </body>
</html> </html>