Quiero lograrlo para que el cuadro de correo electrónico se estire hasta el final y toque el botón de registro.
Aquí está mi código que he usado para intentar hacerlo ahora mismo:
<div class="mb-12 inline-block"> <h1 class="text-7xl font-bold mt-9">A better way to</h1> <h1 class="indent-9 text-7xl font-bold text-[#6E6BFF]">store your code</h1> <div class="mt-12 max-w-[610px]"> <p class="mb-8">With RepoZoid, storing your own code is as easy as pie. Just add a new entry, paste your code in - and you're off to the races.</p> <p>It's as simple as 1, 2, 3 - with sharing options and more coming in the future!</p> </div> <div class="flex flex-row"> <div class="grow"> <input class="w-[100%] text-[#9c9ea5] py-3 px-4 rounded-md" placeholder="Enter your email" type="email" name="emailinput"> </div> <div class="flex grow justify-end"> <button class="px-4 py-3 rounded-md bg-[#6E6BFF] text-white">Sign Up</button> </div> </div> </div>¿Estoy haciendo algo mal?
Saludos cordiales,
Enrique.
Basado en el comentario de AngelSalazar:
El contenedor div para el botón no debería haber grow . En lugar de flex grow justify-end , usa ml-4 .