Layout-Card Grid Layout: unterschiedliche Settings für PC und Mobile

[KVuke]

Hallo zusammen,
kennt ihr eine Möglichkeit beim Grid Layout (von Layout-Card) unterschiedliche Definitionen für den normalen PC Browser und Mobile zu hinterlegen?

Für den PC habe ich:
max_cols: 4
grid-template-columns: 25% 25% 25% 25%

Wo auf dem Mobile natürlich nicht gut aus sieht.
da wäre:
grid-template-columns: 100%
besser.

Grüße

 

[Nival]

Da sollte mediaquery weiterhelfen. Wenn Du hier: https://github.com/thomasloven/lovelace-layout-card nach dem Stichwort suchst findest Du auch ausklappbaren Beispielcode dazu.

 

[KVuke]

Da sollte mediaquery weiterhelfen. Wenn Du hier: https://github.com/thomasloven/lovelace-layout-card nach dem Stichwort suchst findest Du auch vausklappbaren Beispielcode dazu.

Vielen Dank für den Tipp!

max_cols: 4
grid-template-columns: 25% 25% 25% 25%
mediaquery:
  "(max-width: 500px)":
    grid-template-columns: 100%
  "(max-width: 1100px)":
    grid-template-columns: 50% 50%

geht wunderbar!!!