radio.html

<div class="w-screen h-screen p-12">
  <div class="grid grid-cols-2 gap-2">

    <div class="flex items-center p-2 cursor-pointer w-full relative">
        <input type="radio" name="radio" id="radio-one" class="w-5 h-5 cursor-pointer peer z-10" />
        <label for="radio-one" class="pl-8 border-[1px] rounded-md p-2 left-0 w-full absolute peer-checked:bg-slate-200 cursor-pointer">Radio One</label>
    </div>

    <div class="flex items-center p-2 cursor-pointer w-full relative">
        <input type="radio" name="radio" id="radio-two" class="w-5 h-5 cursor-pointer peer z-10" />
        <label for="radio-two" class="pl-8 border-[1px] rounded-md p-2 left-0 w-full absolute peer-checked:bg-slate-200 cursor-pointer">Radio One</label>
    </div>

  </div>
</div>