MediaWiki:Zum grid.css

Aus ZUM-Unterrichten

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Strg+F5
@container (width > 30em) {
  .zum-row {
    display: grid;
	grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr auto;
	column-gap: 0.75rem;
  }

  .zum-grid-1-4, .zum-grid-3-12 {
	grid-column: auto / span 3;
}

.zum-grid-1-3, .zum-grid-4-12 {
	grid-column: auto / span 4;
}

.zum-grid-2-3, .zum-grid-8-12 {
	grid-column: auto / span 8;
}

.zum-grid-1-2, .zum-grid-6-12 {
	grid-column: auto / span 6;
}

.zum-grid-3-4, .zum-grid-9-12 {
	grid-column: auto / span 9;
}
}