Probleme mit Grid - weiter gehts

Dashboard/Cards/Frontend
1

Hallo Zusammen,

ich habe mir ein Dashboard mit einem Grid erstellt und habe auch alle Elemente positioniert.

image
image1151×366 27.1 KB

Als nächstes möchte ich, dass die einzelnen Cads die jeweiligen Zellen auch wirklich ausfüllen bzw. das die leeren Abstände zwischen den Cards wegfallen.

CSS Grid Layout Guide | CSS-Tricks

Laut dem Guide kann man zumindest die Cards so beeinflussen, dass sie die gesamte “Zelle” ausfüllen, wenn man sich das Grid als Tabelle vorstellt. Die Argumente align und justify sollen das bewirken, funktionieren aber hier nicht :slight_smile:

Ausserdem kann ich mir den Abstannd zwischen den Zeilen (z. B. zwischen Spotify und Wetter) nicht erklären.

Hat da jemand schon Erfahrungen?

2

Also ungefähr so:?

Screenshot_2023-09-25-15-15-09-25_c3a231c25ed346e59462e84656a70e50
Screenshot_2023-09-25-15-15-09-25_c3a231c25ed346e59462e84656a70e501440×3120 258 KB

Müsste ich kit der karte heir gemacht haben.

LG
Tobi

3

Hi Tobi,

ja, die Stack-Card benutze ich auch, ich hätte aber lieber jeden Bereich getrennt, aber zellausfüllend.

Also statt so:
image

Lieber so:
image

Um innerhalb einer Karte die Abstände verschwinden zu lassen, ist die stack-card super. Zwischen zwei Karten, also wenn ich viele Elemente auf dem Dashboard habe, funktioniert sie leider nicht.