Hi,
ich bin gerade dabei, ein Template mit CSS-Grid (Neuland für mich) neu zubauen. Dazu habe ich mir diverse Dokumentationen angeschaut.
Der Aufbau ist mir (glaube ich) klar, aber mir fehlt die Information, wie ich beispielsweise ein Modul auf einem Grid-Item platzieren kann.
Als Beispiel:
HTML:
CSS:
.container {
display: grid;
grid-template-columns: 50px 50px 50px 50px;
grid-template-rows: auto;
grid-template-areas:
"header header header header"
"main main . sidebar"
"footer footer footer footer";
}
Wie kann ich jetzt ein Modul oder einen Artikel auf einem bestimmten Element platzieren - sagen wir auf dem ersten Header-Element? Bisher ging ja der Weg darüber, ein DIV als Position zu deklarieren. Das ist ja durch die Aufteilung im CSS nicht möglich. Ich habe versucht dazu antworten zu googlen, leider erfolglos. Vielleicht suche ich nach den falschen Begriffen oder ich sehe den Wald vor lauter Bäumen nicht.
Über eine kurze Hilfe würde ich mich freuen!