Grid Columns not responsive

Can anyone see why my form is not responsive...

<x-filament-panels::form id="form" wire:submit="check" class="flex flex-wrap items-center gap-3">
        {{ $form }}
</x-filament-panels::form>

<x-filament-panels::form id="form" wire:submit="check" class="flex flex-wrap items-center gap-3">
        {{ $form }}
</x-filament-panels::form>

message.txt

Solution:

I guess it's a CSS Grid thing. If you define your grid as "cols: 1" but then have a column with "start 2 / span 2" your grid will be 4 cols wide

4 Replies

toeknee•4w ago

Probably because you have columns and grid? If you remove the last ->columns() off does it change?

Jamie CeeOP•4w ago

It hasn't. Still the same output

Solution

I guess it's a CSS Grid thing. If you define your grid as "cols: 1" but then have a column with "start 2 / span 2" your grid will be 4 cols wide

Jamie CeeOP•4w ago

Ah yeah, I have a column start that I overlooked. Thank you