20.933
Bearbeitungen
Vorlage:Unternehmen-Entwickler/style.css: Unterschied zwischen den Versionen
Vorlage:Unternehmen-Entwickler/style.css (Quelltext anzeigen)
Version vom 17. März 2024, 12:16 Uhr
, 17 Märzkeine Bearbeitungszusammenfassung
RaWen (Diskussion | Beiträge) KKeine Bearbeitungszusammenfassung |
RaWen (Diskussion | Beiträge) KKeine Bearbeitungszusammenfassung |
||
| Zeile 14: | Zeile 14: | ||
.logo-bild-container { | .logo-bild-container { | ||
display: grid; | display: grid; | ||
grid-template-columns: | grid-template-columns: repeat(12, 1fr); /* Erstellt ein 12-Spalten-Grid */ | ||
grid-template-rows: auto | grid-template-rows: repeat(auto-fill, minmax(10px, auto)); /* Erstellt viele kleine Zeileneinheiten */ | ||
width: 100%; | width: 100%; /* Container nimmt volle Breite ein */ | ||
grid-gap: 10px; /* Optional: Abstand zwischen den Zeilen und Spalten */ | |||
} | } | ||
/* Stil für das Logo */ | /* Stil für das Logo */ | ||
.logo { | .logo { | ||
grid-column: | grid-column: span 10; /* Nimmt bis zu 10 der 12 Spalten ein, um unter 85% Breite zu bleiben */ | ||
grid-row: 1 | grid-row: 1; /* Beginnt in der ersten Zeile */ | ||
max-width: 85%; /* Beschränkt die Breite des Logos auf maximal 85% */ | |||
max-height: 110px; /* Beschränkt die Höhe des Logos auf maximal 110px */ | |||
z-index: 2; /* Stellt sicher, dass das Logo über dem Bild liegt */ | z-index: 2; /* Stellt sicher, dass das Logo über dem Bild liegt */ | ||
/* | /* Weitere Logo-Stile nach Bedarf */ | ||
} | } | ||
| Zeile 30: | Zeile 33: | ||
.bild { | .bild { | ||
grid-column: 1 / -1; /* Bild erstreckt sich von der ersten bis zur letzten Spalte */ | grid-column: 1 / -1; /* Bild erstreckt sich von der ersten bis zur letzten Spalte */ | ||
grid-row: | grid-row: 2; /* Bild beginnt in der zweiten Zeile, direkt unter dem Logo */ | ||
width: 100%; /* Nimmt die volle Breite ein */ | width: 100%; /* Nimmt die volle Breite ein */ | ||
} | } | ||