Jinho Yoo
<body class="bg-gray-100 font-sans leading-normal tracking-normal p-6"> <div class="container mx-auto"> <h1 class="text-3xl font-bold mb-6 text-center">Dynamic Cell Manager</h1> <div class="flex flex-col space-y-4"> <div class="flex space-x-4"> <div class="flex-1"> <input type="text" placeholder="Cell Name" class="w-full p-2 border rounded mb-2" /> <textarea placeholder="Enter text here..." class="w-full p-2 border rounded mb-2" rows="3"></textarea> <button class="w-full bg-blue-500 text-white p-2 rounded hover:bg-blue-400">Add Text</button> </div> <div class="flex-1"> <input type="text" placeholder="Cell Name" class="w-full p-2 border rounded mb-2" /> <div class="border-dashed border-2 border-gray-300 p-4 mb-2 text-center"> <p class="text-gray-500">Drag & Drop Image Here</p> </div> <button class="w-full bg-blue-500 text-white p-2 rounded hover:bg-blue-400">Add Image</button> </div> <div class="flex-1"> <input type="text" placeholder="Cell Name" class="w-full p-2 border rounded mb-2" /> <textarea placeholder="Enter code here..." class="w-full p-2 border rounded mb-2" rows="3"></textarea> <button class="w-full bg-blue-500 text-white p-2 rounded hover:bg-blue-400">Add Code</button> </div> </div> <div class="flex space-x-4"> <div class="flex-1 border p-4 rounded bg-white shadow"> <h2 class="font-bold">Text Cell</h2> <p>Your text will appear here.</p> </div> <div class="flex-1 border p-4 rounded bg-white shadow"> <h2 class="font-bold">Image Cell</h2> <img src="https://via.placeholder.com/150" alt="Placeholder" class="w-full h-auto" /> </div> <div class="flex-1 border p-4 rounded bg-white shadow"> <h2 class="font-bold">Code Cell</h2> <pre class="bg-gray-200 p-2 rounded"><code>console.log('Hello, World!');</code></pre> </div> </div> </div> </div> </body>
v