<section class="py-4 overflow-hidden">
<div class="container px-4 mx-auto">
<div class="p-6 bg-white border rounded-xl">
<div class="flex flex-wrap justify-between -m-2">
<div class="w-full sm:w-1/2 p-2">
<h3 class="font-heading text-sm font-semibold">Username</h3>
<p class="text-sm text-neutral-500">Enter your website url</p>
</div>
<div class="w-full sm:w-1/2 p-2">
<div class="sm:max-w-md ml-auto overflow-hidden border border-neutral-200 rounded-lg focus-within:border-neutral-600">
<div class="flex flex-wrap sm:flex-nowrap sm:divide-x divide-neutral-200">
<div class="w-full sm:w-auto">
<div class="py-2 px-3.5 bg-light"><span class="text-sm font-medium">dashy.com/</span></div>
</div>
<div class="w-full sm:flex-1">
<input class="py-3 px-3.5 text-sm w-full h-full outline-none hover:bg-gray-50 placeholder-neutral-400" id="inputsInput1-1" type="text" placeholder="username"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>