Dashboard responsive columns not working as I expected

class UserDashboard extends Dashboard
{

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

}