[QUESTION] Wrong arrangement/visibility of widgets within a section on mobile phone

[mmarkert]

Question

Hi!
I have noticed the following when I define two widgets (Weather and Weather Forecast, for example) one after the other in a section: in the browser (Firefox, Chrome, etc.) on a computer, both widgets are arranged one below the other/vertically. In the browser on a mobile phone, however, they are arranged side by side/horizontally and are therefore partially invisible. Even applying “sectionLayout: grid” does not change anything. I observe this in sections with multiple widgets, such as graphs, etc. What am I doing wrong?

Category

Configuration

Please tick the boxes

• You are using a supported version of Dashy (check the first two digits of the version number)
• You've checked that this question hasn't already been raised
• You've checked the docs and troubleshooting guide
• You agree to the code of conduct

[mmarkert]

widgets:
      - type: weather
        label: München
        options:
          apiKey: b06a7ac169eadc0499ec45a397890d4c
          city: Munich, DE
        id: 1_513_weather
      - type: weather-forecast
        options:
          city: Munich, DE
          numDays: 6
          apiKey: b06a7ac169eadc0499ec45a397890d4c
          id: 2_513_weatherforecast