Lovelace Sections and grids, columns and column-span

Bonjour,
I've just been very nicely helped by HACF KRO
And i would just hear from a different Cultures, me being an old outdated IT (IMS / Focus / WinForms but not up to my roots)
Few monts ago tuned my dashboards into Sections but the basic ideas behind that did not reach easily my brains
Kro drove me through Horizontal stacks, so my 1995ies dashboard


The UI is far better than long before, but not deeply mastering a point makes hasardous changes
Not quite joking I come from a world where width and heigth were the two things you had to know
And I know i must turn to sections and grids , columns and column-span, etc and I began changing my mind by testing with my fingers. To get experienced knowledge.
But I am in a deadlock, any idea for me to restart on strong bases ?
I am at a point : 'it would be a good idea to change this' and the worst comes out ...
Thanks in advance

To show how I mismanage my dashboard : I Want to have a version of this dashboard for my Samsiung Tablet.
It cannot handle the width of 3 columns, si I tried to adapt the duplicate For 2 columns
First Floor has 4 entities, so I Tried two horzontal stacks
On the original First Floor is 1*4 => so i tried to turn to 2 * 2 and here comes the worst :slight_smile:

It takes a part only of the screen width and I absolutely can't Order it to be wider

Neither via UI nor via Yaml I master the subject enough to be obeyed

I am not a know nothing, but a far from knowing enough to be at ease with Sections Dashboards

Thanks in advance

In 'Mise en page', the toggle Full width should be On, but it does not correct the problem.
Horizontal Stack still complains : I wish I could but I can't

So, we went down to Lovelace Tablette, in Json (not a place for honest user to go)
And aroundi Sections definitions we found a few strange things about forgotten columns : 4

So, perhaps my problem was out of my reach, (which stays : The integration of Dashboard Sections in my mind is not correct. How to climb the steps is still the question)
The Json game :

{
  "version": 1,
  "minor_version": 1,
  "key": "lovelace.dashboard_tablette",
  "data": {
    "config": {
      "views": [
        {
          "title": "Rez de Chaussée",
          "type": "sections",
          "max_columns": 2,
          "icon": "mdi:home-floor-0",
          "path": "Tablette",
          "sections": [
            {
              "type": "grid",
              "column_span": 2,
              "cards": [
                {
                  "type": "heading",
                  "heading": "Rez de Chaussée",
                  "heading_style": "title",
                  "icon": "mdi:home-floor-g"
                },
                {
                  "type": "horizontal-stack",
                  "grid_options": { "columns": "full" },
                  "cards": [
                    {
                      "type": "grid",
                      "columns": 2,
                      "square": false,
                      "cards": [
                        {
                          "type": "heading",
                          "heading": "Lampes RdC",
                          "heading_style": "title",
                          "icon": "mdi:lightbulb-group"
                        },
                        {
                          "type": "heading",
                          "heading": "Volets RdC",
                          "heading_style": "title",
                          "icon": "mdi:window-shutter"
                        },
                        {
                          "type": "entities",
                          "show_header_toggle": false,
                          "state_color": false,
                          "entities": [
                            { "entity": "switch.lampe_piano" },
                            { "entity": "switch.lampe_canape_outlet", "icon": "mdi:toggle-switch-variant-off" },
                            { "entity": "switch.lampe_mamie" },
                            { "entity": "switch.cellier" },
                            { "entity": "switch.lampe_console" }
                          ]
                        },
                        {
                          "type": "entities",
                          "entities": [
                            { "entity": "cover.volet_1" },
                            { "entity": "cover.volet_2" },
                            { "entity": "cover.volet_3" },
                            { "entity": "cover.volet_4" }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "type": "heading",
                  "heading": "Controles RdC",
                  "heading_style": "title",
                  "icon": "mdi:remote"
                },
                {
                  "type": "entities",
                  "entities": [
                    { "entity": "script.close_rdc_shutters" },
                    { "entity": "script.open_rdc_shutters" }
                  ]
                }
              ]
            }
          ],
          "cards": []
        },
        {
          "type": "sections",
          "max_columns": 2,
          "title": "Premier Etage",
          "path": "premoer-etage",
          "icon": "mdi:home-floor-1",
          "sections": [
            {
              "type": "grid",
              "column_span": 2,
              "cards": [
                {
                  "type": "heading",
                  "heading": "Premier Etage",
                  "heading_style": "title"
                },
                {
                  "type": "horizontal-stack",
                  "grid_options": { "columns": "full" },
                  "cards": [
                    {
                      "type": "grid",
                      "columns": 2,
                      "square": false,
                      "cards": [
                        {
                          "type": "heading",
                          "heading": "Chambre Claude",
                          "heading_style": "title",
                          "icon": "mdi:bed"
                        },
                        {
                          "type": "heading",
                          "heading": "Chambre Carole",
                          "heading_style": "title",
                          "icon": "mdi:bed"
                        },
                        {
                          "type": "entities",
                          "entities": [
                            { "entity": "cover.volet_claude" }
                          ]
                        },
                        {
                          "type": "entities",
                          "entities": [
                            { "entity": "cover.volet_fenetre_carole" },
                            { "entity": "cover.volet_terrasse_carol" }
                          ]
                        },
                        {
                          "type": "heading",
                          "heading": "Chambre Amis",
                          "heading_style": "title",
                          "icon": "mdi:bed"
                        },
                        {
                          "type": "heading",
                          "heading": "Controles Étage",
                          "heading_style": "title",
                          "icon": "mdi:remote"
                        },
                        {
                          "type": "entities",
                          "entities": [
                            { "entity": "cover.volet_amis" }
                          ]
                        },
                        {
                          "type": "entities",
                          "entities": [
                            { "entity": "script.close_shutters_etage" },
                            { "entity": "script.open_shutters_etage" }
                          ]
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        },
        {
          "type": "sections",
          "max_columns": 2,
          "title": "Terrasse Jardin",
          "path": "terrasse-jardin",
          "icon": "mdi:pool",
          "sections": [
            {
              "type": "grid",
              "cards": [
                {
                  "type": "heading",
                  "heading": "Gestion Arrosage",
                  "heading_style": "title",
                  "icon": "mdi:watering-can"
                },
                {
                  "type": "entities",
                  "entities": [
                    { "entity": "script.close_arrosage" },
                    { "entity": "script.open_arrosage" },
                    { "entity": "switch.arrosage_devant" },
                    { "entity": "switch.arrosage_derriere" }
                  ]
                },
                {
                  "type": "heading",
                  "heading": "Données Jour/Nuit",
                  "heading_style": "title"
                },
                {
                  "type": "entities",
                  "entities": [
                    { "entity": "sensor.sun_next_rising", "format": "time" },
                    { "entity": "sensor.sun_next_setting", "format": "time" }
                  ]
                }
              ]
            },
            {
              "type": "grid",
              "cards": [
                {
                  "type": "heading",
                  "heading": "Terrasse",
                  "heading_style": "title",
                  "icon": ""
                },
                {
                  "type": "entities",
                  "entities": [
                    { "entity": "cover.store_terrasse" },
                    { "entity": "switch.chauffage_terrasse" }
                  ]
                },
                {
                  "type": "heading",
                  "heading": "Volets Extérieurs",
                  "heading_style": "title",
                  "icon": ""
                },
                {
                  "type": "entities",
                  "entities": [
                    { "entity": "cover.io_772630_1", "secondary_info": "none" },
                    { "entity": "cover.io_772601_1", "secondary_info": "none" }
                  ]
                }
              ]
            },
            {
              "type": "grid",
              "cards": [
                {
                  "type": "heading",
                  "heading": "R0 Equipements",
                  "heading_style": "title",
                  "icon": ""
                },
                {
                  "type": "heading",
                  "heading": "Volet, Lampes, Lampadaires",
                  "heading_style": "title",
                  "icon": ""
                },
                {
                  "type": "entities",
                  "show_header_toggle": false,
                  "entities": [
                    { "entity": "cover.volet_r0" },
                    { "entity": "switch.r0_lampadaire_entree_mss210_main_chanel" },
                    { "entity": "switch.r0_lampadaire_armoire_mss210_main_chanel" },
                    { "entity": "switch.r0_lampadaire_arriere_mss210_main_chanel" },
                    { "entity": "switch.0x20a716fffeefaff8" },
                    { "entity": "switch.0xc09b9efffe3ff415" },
                    { "entity": "switch.lampe_volet_r0" }
                  ]
                }
              ]
            },
            {
              "type": "grid",
              "cards": [
                {
                  "type": "heading",
                  "heading": "Controles du R0",
                  "heading_style": "title"
                },
                {
                  "type": "heading",
                  "icon": "mdi:script",
                  "heading": "Lumieres et détecteurs de présence",
                  "heading_style": "title"
                },
                {
                  "type": "entities",
                  "entities": [
                    { "entity": "script.open_lampes_r0" },
                    { "entity": "script.close_lampes_r0" },
                    { "entity": "script.allumer_lampadaires_r0" },
                    { "entity": "script.eteindre_lampadaires_r0" },
                    { "entity": "binary_sensor.presence_porte_r0_occupancy" },
                    { "entity": "binary_sensor.presence_volet_r0_occupation" },
                    { "entity": "binary_sensor.presence_r0_groupe" }
                  ]
                }
              ]
            },
            {
              "type": "grid",
              "column_span": 2,
              "cards": [
                {
                  "type": "heading",
                  "heading": "Meteo Horaire / Quotidienne",
                  "heading_style": "title",
                  "icon": "mdi:weather-hail"
                },
                {
                  "show_current": true,
                  "show_forecast": true,
                  "type": "weather-forecast",
                  "entity": "weather.saint_raphael",
                  "forecast_type": "hourly"
                },
                {
                  "type": "weather-forecast",
                  "entity": "weather.saint_raphael",
                  "forecast_type": "daily"
                }
              ]
            }
          ],
          "cards": []
        },
        {
          "type": "sections",
          "max_columns": 4,
          "title": "Location",
          "path": "1er-etage",
          "icon": "mdi:floor-plan",
          "sections": [
            {
              "type": "grid",
              "cards": [
                {
                  "type": "heading",
                  "heading": "Salon Location",
                  "heading_style": "title",
                  "icon": ""
                },
                {
                  "type": "entities",
                  "entities": [
                    { "entity": "cover.volet_salon_locat_1" },
                    { "entity": "cover.volet_salon_locat_2" }
                  ]
                }
              ]
            },
            {
              "type": "grid",
              "cards": [
                {
                  "type": "heading",
                  "heading": "Cuisine Location",
                  "heading_style": "title",
                  "icon": ""
                },
                {
                  "type": "entities",
                  "entities": [
                    { "entity": "cover.volet_cuisine" }
                  ]
                }
              ]
            },
            {
              "type": "grid",
              "cards": [
                {
                  "type": "heading",
                  "heading": "Chambres Location",
                  "heading_style": "title",
                  "icon": ""
                },
                {
                  "type": "entities",
                  "entities": [
                    { "entity": "cover.volet_grand_lit" },
                    { "entity": "cover.volet_lits_jumeaux" }
                  ]
                }
              ]
            },
            {
              "type": "grid",
              "cards": [
                {
                  "type": "heading",
                  "heading": "Controles Location",
                  "heading_style": "title",
                  "icon": ""
                },
                {
                  "type": "entities",
                  "entities": [
                    { "entity": "script.close_shutters_location" },
                    { "entity": "script.open_shutters_location" }
                  ]
                }
              ]
            }
          ],
          "cards": []
        }
      ]
    }
  }
}