<div> <div class="flex cursor-pointer items-center justify-between py-2 md:cursor-auto md:py-0"> <div> <div class="flex cursor-pointer items-center justify-between py-2 md:cursor-auto md:py-0"> <h2 class="my-3 text-xl font-semibold text-blue-900 md:mt-0 md:text-3xl">Details</h2> </div> <div> <div class="content relative"><span>Youth anglers can seize their day comfortably in the Strike swim shorts. These boys' swim shorts also have a mesh liner, an adjustable drawcord, and front and back pockets for quick storage.</span></div> </div> </div> <div class="flex flex-col divide-y md:gap-10 md:divide-y-0"> <div> <div class="flex cursor-pointer items-center justify-between py-2 md:cursor-auto md:py-0"> <h2 class="my-3 text-xl font-semibold text-blue-900 md:mt-0 md:text-3xl">Features</h2> </div> <div> <div class="content"> <ul> <li>Stretch woven 92% recycled polyester, 8% spandex</li> <li>DWR stain resistance</li> <li>Covered elastic waistband with external drawcord</li> <li>Mesh liner</li> <li>Hand pockets, zipper back pocket</li> <li>Damask woven label</li> </ul> </div> </div> </div> <div> <div class="flex cursor-pointer items-center justify-between py-2 md:cursor-auto md:py-0"> <h2 class="my-3 text-xl font-semibold text-blue-900 md:mt-0 md:text-3xl">Size &amp; Fit</h2> </div> <div> <div class="content"> <ul> <li>5.5” inseam</li> <li>Regular fit</li> </ul> </div> </div> </div> </div> </div> </div>