coolify/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">
                {{$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>