Dashboard responsive columns not working as I expected

This is my custom dashboard code

class UserDashboard extends Dashboard
{

    public function getColumns(): int|string|array
    {
        return [
            'xl' => 2,
            'md' => 2,
            'sm' => 1,
        ];
    }

}

class UserDashboard extends Dashboard
{

    public function getColumns(): int|string|array
    {
        return [
            'xl' => 2,
            'md' => 2,
            'sm' => 1,
        ];
    }

}

class UserDashboard extends Dashboard
{

    public function getColumns(): int|string|array
    {
        return [
            'xl' => 2,
            'md' => 2,
            'sm' => 1,
        ];
    }

}

class UserDashboard extends Dashboard
{

    public function getColumns(): int|string|array
    {
        return [
            'xl' => 2,
            'md' => 2,
            'sm' => 1,
        ];
    }

}

It seems that the

sm

sm

sm

sm breakpoints not working? or you guys have any clue?, The

md

md

md

md and

xl

xl

xl

xl just working as I expected, and I'm not customizing my chart's columnspan

Dashboard responsive columns not working as I expected

Similar Threads

Similar Threads

Similar Threads