How do you nest groups in a card?

I’m trying to get a view that has two cards each made up of multiple groups:

If I create a group view with each individual group I get 6 cards.

However if I try to group them into two parent cards it shows a bunch of unknown.

comfort:
  view: yes
  entities:
    - group.upstairsComfort
    - group.downstairsComfort
upstairsComfort:
  entities:
    - group.upstairsTemperature
    - group.upstairsHumidity
    - group.upstairsOccupancy
    - group.upstairsEcobee
downstairsComfort:
  entities:
    - group.downstairsTemperature
    - group.downstairsHumidity
    - group.downstairsOccupancy
    - group.downstairsEcobee
upstairsTemperature:
  name: Upstairs Temperature
  entities:
    - binary_sensor.upstairs_temperature
    - binary_sensor.kitchen_temperature
    - binary_sensor.office_temperature
    - binary_sensor.bedroom_temperature
downstairsTemperature:
  name: Upstairs Temperature
  entities:
    - binary_sensor.downstairs_temperature
    - binary_sensor.basement_temperature
upstairsHumidity:
  name: Upstairs Humidity
  entities:
    - sensor.upstairs_humidity
downstairsHumidity:
  name: Downstairs Humidity
  entities:
    - sensor.downstairs_humidity
upstairsOccupancy:
  name: Upstairs Occupancy
  entities:
    - binary_sensor.upstairs_occupancy
    - binary_sensor.kitchen_occupancy
    - binary_sensor.office_occupancy
    - binary_sensor.bedroom_occupancy
downstairsOccupancy:
  name: Upstairs Occupancy
  entities:
    - binary_sensor.downstairs_occupancy
    - binary_sensor.basement_occupancy
upstairsEcobee:
  name: Upstairs Ecobee
  entities:
    - climate.upstairs
downstairsEcobee:
  name: Downstairs Ecobee
  entities:
    - climate.downstairs

I know you can nest one level down of groups in a view but I’m not sure you can do two levels.

even if you do one level down of groups in a card you won’t see the second nest in the card. you have to click on the first group and it then opens up a new “window” with the entities of the nested group in it.

At least that’s my experience. but I’m kind of a noob too so i could be completely wrong!

try to not nest the second group down and see if everything displays OK with that. then move on from there.

You can use the nested groups to help layout the page a bit. I used this to split this view into a side by side layout.

  Entertainment:
    view: yes
    entities:
    - group.Sonos_1
    - group.Sonos_2
    - media_player.roku3
    
  Sonos_1:
    - media_player.tv_room
    - media_player.kitchen
  Sonos_2:
    - media_player.living_room
    - media_player.master_bedroom

I’m trying to go one layer deeper than that:

With your example it would be something like this:

  Entertainment:
    view: yes
    entities:
    - group.LivingRoom
    - group.Bedroom
  LivingRoom:
    - group.Sonos
  Bedroom:
    - group.Roku
  Roku
    entities:
      - media_player.roku3
      - media_player.roku4
  Sonos
    entities:
      - media_player.tv_room
      - media_player.living_room

I can see where that would be nice, but I think that would take someone to do some serious code work.