Responsive Consultation Form - Copy this Html, Tailwind Component to your project

The layout for selecting the lookup method should be as follows: <div class="grid grid-cols-2"> <div class="items relative flex flex-col items-center rounded-l-md overflow-hidden"> <label for="thisMail" class="hidden-items">남자</label> <input type="button" id="thisMail" value="남자" class="py-1 w-full bg-blue-100 text-[#4169e1] hover:bg-[#4169e1] hover:text-white transition-all focus:outline-none focus:text-white focus:bg-blue-700 active:bg-blue-700 active:text-white"> </div> <div class="items relative flex flex-col items-center rounded-r-md overflow-hidden"> <label for="thisFemail" class="hidden-items">여자</label> <input type="button" id="thisFemail" value="여자" class="py-1 w-full bg-blue-100 text-[#4169e1] hover:bg-[#4169e1] hover:text-white transition-all focus:outline-none focus:text-white focus:bg-blue-700 active:bg-blue-700 active:text-white"> </div> </div>Use the provided design as a reference for layout. Implement the functionality and interactions using JavaScript.