lasthourcloud/resources/views/components/boarding-step.blade.php

<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
    <div class="box-border col-span-2 min-w-[24rem] min-h-[21rem]">
        <h1 class="text-5xl font-bold">{{ $title }}</h1>
        <div class="py-6">
            @isset($question)
                <p class="text-base dark:text-neutral-400">
                    {{ $question }}
                </p>
            @endisset
        </div>
        @if ($actions)
            <div class="flex flex-col flex-wrap gap-4 md:flex-row">
                {{ $actions }}
            </div>
        @endif
    </div>
    @isset($explanation)
        <div class="col-span-1">
            <h1 class="pb-8 font-bold">Explanation</h1>
            <div class="space-y-4">
                {{ $explanation }}
            </div>
        </div>
    @endisset
</div>