tailwind

Author: danielmlozano

src/components/TodoList.jsx

@@ -54,16 +54,16 @@ const TodoList = () => {
 	return (
 		<div className="flex flex-col container mx-auto max-w-md pt-19 text-white">
 			<input
+				className="w-full p-2 rounded-md border border-gray-300"
 				type="text"
 				placeholder="Nueva tarea"
-				className="w-full p-2 rounded-md border border-gray-300"
 				value={newTodo}
 				onChange={handleInputChange}
 			/>
 
 			<button
 				onClick={handleAddTodo}
-				className="w-full p-2 rounded-md border border-gray-300 mt-10"
+				className="w-full p-2 rounded-md border border-gray-300"
 			>
 				Agregar
 			</button>

src/index.css

@@ -1 +1 @@
-@import "tailwindcss";
+@import "tailwindcss";

vite.config.js

@@ -1,7 +1,6 @@
 import { defineConfig } from "vite"
 import react from "@vitejs/plugin-react"
 import tailwindcss from "@tailwindcss/vite"
-
 // https://vite.dev/config/
 export default defineConfig({
 	plugins: [react(), tailwindcss()],