"Tile" groups horizontally

Configuration
1

I didn’t find anything in the docs, perhaps because I’m using the wrong words. I see a lot of screenshots out there, where the groups are “tiled” horizontally rather vertically - to fill up the space of the screen. I bet HA is responsive.

But in my setup this doesn’t happen, see this example:

ha
ha1924×979 66 KB

as you can see, there is plenty of space, but my groups are tiled vertically.
Here their definition:

  default_view:
    view: yes
    name: Home
    icon: mdi:home
    entities:
      - group.lights

  weather:
    view: yes
    name: Meteo
    icon: mdi:weather-cloudy
    entities:
      - sun.sun
      - sensor.moonphases
      - group.weatherGroup

  weatherGroup:
    name: Weather
    entities:
      - sensor.dark_sky_summary
      - sensor.dark_sky_temperature
      - sensor.dark_sky_apparent_temperature
      - sensor.dark_sky_temperature_min
      - sensor.dark_sky_temperature_max
      - sensor.dark_sky_dew_point
      - sensor.dark_sky_humidity
      - sensor.dark_sky_pressure
      - sensor.dark_sky_wind_speed
      - sensor.friendly_wind_direction
      - sensor.dark_sky_cloud_cover
      - sensor.dark_sky_precip_intensity_max
      - sensor.dark_sky_daily_summary
      - camera.Satellite

  lights:
    name: Luci
    icon: mdi:lightbulb-on-outline
    entities:
      - light.luci_giardino

What does control the position of groups on the screen?

2

I get this too, it seems to depend on the height of the first card. If the card is over a certain height, then the next card is rendered to the right (if there is a column available).

I don’t know why this is, because as you say it would be better to put it to the right by default.