Why I can't get a responsive behavior?

[reypm]

Wonder what I am missing here because my dashboard does not get responsive if I am accessing it from my phone. See the following pic:

This is the YAML for such view:

  - theme: Backend-selected
    title: Office
    path: office
    icon: mdi:chair-rolling
    badges: []
    type: panel
    cards:
      - type: custom:bootstrap-grid-card
        cards:
          - type: row
            class: d-flex flex-row-reverse
            cards:
              - type: custom:mushroom-light-card
                class: col-xs-6 col-md-3 col-xxl-3
                name: Office Light
                entity: light.office
                show_brightness_control: true
                use_light_color: true
                collapsible_controls: true
                fill_container: true
                secondary_info: last-changed
                layout: horizontal
              - type: custom:mushroom-fan-card
                class: col-xs-6 col-md-3 col-xxl-3
                name: Office Fan
                entity: fan.office
                icon_animation: true
                show_percentage_control: true
                collapsible_controls: true
                fill_container: true
                secondary_info: last-changed
                layout: horizontal

[ownbee]

I see you are using a custom card. Some cards are not built to work well with bootstrap. Do you get the same behavior if you try using the built-in cards?