EUIKit includes six- and twelve- column grid wrappers, that can be nested inside any parent entity and can hold any child entities. Inside the wrapper, the Tailwind col-span-n classes can be used to arrange children in the grid.

Code:

<x-euikit::grid-6>
    <x-euikit::form.text field="givenname" label="Given Names" class="sm:col-span-2" />
    <x-euikit::form.text field="lastname" label="Last Name" class="sm:col-span-2" />
    <x-euikit::form.select field="phy" label="Attending Physician" class="sm:col-span-2">
        (options)
    </x-euikit::form.select>
</x-euikit::grid-6>
<x-euikit::grid-6>
    <x-euikit::form.datetime field="appt" label="Appointment date and time" class="sm:col-span-2" />
    <x-euikit::form.text field="ins" label="Insurance" class="col-span-4"/>
</x-euikit::grid-6>